4

以下のHTMLコードのようなデータテーブルがあります。doubleClick各行に自動的に挿入さSAVEれ、EDITボタンが current の最後に追加された後tr、テーブルにデータを作成するために datatables クラスを使用していますが、trなどの現在のセルがeq(0 ~ 3)見つかりませんjQuery。

HTML:

<table>
    <tbody>
        <tr>
            <td>
                <input value="admin">
            </td>
            <td>
                <input value="pishguy@gmail.com">
            </td>
            <td>
                <input value=" A">
            </td>
            <td>
                <input value=" B">
            </td>
            <td>
                <input value="C">
            </td>
            <td>
                <ul class="styledlist" style="width: 50px;">
                    <li style="line-height: 13px; width: 30px; float: right;" class="save_category">SAVE</li>
                    <li style="margin-right: 6px; line-height: 13px; width: 30px; float: right;" class="cancel_save_category">CANCEL</li>
                </ul>
          </td>
        </tr>
    </tbody>
</table>

jQuery: 以下のコードは正しく動作しません

alert( $(this).parent().siblings('td:first').text() ); 
alert( $(this).closest('tr').children('td:eq(0)').text())  ;

テーブルに行があり、ボタンとボタンで正しいtrセルを見つけたいです。savecancel

4

2 に答える 2

3

特定の行で SAVE ボタンをクリックするとします。

次に、クリックハンドラを次のようにします。

function clickHandler() {
                    var $this = $(this), //this will represent the button
                        currentRow = $this.closest('tr'),
                        currentRowCells = currentRow.children();

                    //Now can access any cell within current row using currentRowCells Object, as follow
                    var firstCell = currentRowCells.eq(0),
                        secondCell = currentRowCells.eq(1);
                }
于 2013-05-27T12:45:34.637 に答える