jQuery快速编辑问题

时间:2010-02-04 12:57:44

标签: jquery

我用这个 http://www.mudaimemo.com/p/quickedit/# 它运作良好 问题是 我想使用这是重命名一些行 像这样

my name ok!! (edit | delete| rename)

现在这将太多了

1my name ok!! (edit | delete| rename)
2my name ok!! (edit | delete| rename)
3my name ok!! (edit | delete| rename)
4my name ok!! (edit | delete| rename)
5my name ok!! (edit | delete| rename)
6my name ok!! (edit | delete| rename)

如果我让每个人都这样

$(document).ready(function(){
  // formnotifier
  $('#1').quickEdit();
  $('#2').quickEdit();
  $('#3').quickEdit();
  $('#4').quickEdit();
  $('#5').quickEdit();
  $('#6').quickEdit();   
});

有没有办法让它像那样

$('#rename').find().prev(".a").quickEdit();
我不明白 可以任何人为我做 工作是 让它自动编辑而不重复

2 个答案:

答案 0 :(得分:1)

通过你的例子,我想你可以:

$('#1,#2,#3,#4,#5,#6').quickEdit();

答案 1 :(得分:1)

如果你看一下他们用HTML编写的例子

<span id="demoText1">This is a jQuery Quick Edit Demo1.</span>
<a href="/quickedit.php" id="demo1" rel="demoText1">edit this text.</a>

他们执行javascript

$('#demo1').quickEdit();

要使用多个元素执行此操作,您只需向所有a元素添加一个类,并将其用作jquery选择器... HTML

<span id="demoText1">This is a jQuery Quick Edit Demo1.</span>
<a href="/quickedit.php" class="quickedit" rel="demoText1">edit this text.</a>
<span id="demoText2">This is a jQuery Quick Edit Demo2.</span>
<a href="/quickedit.php" class="quickedit" rel="demoText2">edit this text.</a>
<span id="demoText3">This is a jQuery Quick Edit Demo3.</span>
<a href="/quickedit.php" class="quickedit" rel="demoText3">edit this text.</a>

的Javascript

$('.quickedit').quickEdit();