2010-02-04 108 views
0

我用這個 http://www.mudaimemo.com/p/quickedit/# 和它的工作好 問題是 我想利用這個被重命名某些行 這樣jQuery的快速編輯問題

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(); 

我不明白 任何一個可以讓我 工作是 讓它自動編輯,而不通過您的例子重複

+0

將它們包裝在一個div中,並做一個該div的foreach – Natrium 2010-02-04 13:02:33

+2

我們可以看到HTML嗎? – 2010-02-04 13:04:19

+0

我沒有html,但你可以做到這一點 – 2010-02-04 13:08:17

回答

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(); 
1

我猜你被允許:

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