0

現在、ブートストラップ x 編集可能なテーブルに取り組んでいます。テーブル行内の指定された名前付きクラスを持つすべてのノードを選択し、それらの .editable() をトリガーする必要があります。これが私のjqueryセレクターコードです。

<table class="table table-bordered">
   <thead>
      .............
   </thead>
   <tr>
      <td><a class="myeditable editable-user" data-type="select" href="#">user...</a></td>
      <td><a class="myeditable editable-date" data-type="date" href="#">date...</a></td>
      <td><a class="myeditable editable-user" data-type="text" href="#">description..</a></td>
      <td><span class="actions"><a class="myButton" href="#">submit changes</a></span></td>
   </tr>
   <tr>
     .......... the same contents as above
   </tr>
</table>

私のスクリプトは次のようになります。

$('.myButton').click(function(){
     // only this row of 'myeditable' should be selected
     $(this).closet('td')
          .siblings.children('.myeditable').editable('submit', {....}); 
});

私のHtml構造の下にあるテーブル行内の特定のクラスによって要素を選択するためのより良い解決策はありますか?

4

1 に答える 1

2

スペルがclosest間違っています。に変更しclosest('tr')て、find()代わりに a を実行します。

$('.myButton').click(function(){
     // only this row of 'myeditable' should be selected
     $(this).closest('tr')
          .find('.myeditable').editable('submit', {....}); 
});

また、editable()jQuery 関数ではありません。何かプラグインを使っていますか？

于 2013-09-06T02:26:43.297 に答える