7

次のように、1行にテーブルがあり、その行に複数のtdsがあります。

<tr class="first odd">
    <td class="a-center">
    <td>...</td>
    <td>...</td> --> I want this
    <td>...</td> 
    <td>...</td>
    <td>...</td>
</tr>

すべてのtdsの親trを取得できますが、tr内で3番目のtdのみを取得する方法はありますか？

trを取得するためのコードは次のとおりです。

jQuery('#shopping-cart-table >  tbody > tr').each(function(index, value) {
    ...
});

ありがとう

4

7 に答える 7

19

:eqセレクターを使用できます。

jQuery('#shopping-cart-table > tbody > tr').each(function(index, value) {
    $('td:eq(2)', this)
});

または：

jQuery('#shopping-cart-table tbody').find('td:eq(2)');
于 2013-02-19T12:24:21.683 に答える
2

jQueryで：eq関数を使用します：http：//api.jquery.com/eq/

$('#shopping-cart-table td').eq(2);
于 2013-02-19T12:24:41.363 に答える
2

このようにしてみてください：

$(".first td:nth-child(3)").append("<span>-3rd");
于 2013-02-19T12:30:04.023 に答える
1

これで試してください

$("#shopping-cart-table >  tbody > tr td").eq(2);
于 2013-02-19T12:25:03.240 に答える
1

タイトルの答え：

$("#tableId tr td:nth-child(3)").html();
于 2018-01-09T02:30:11.933 に答える
0

これは最良かつ最も簡単なコードです。その行のボタンをクリックすると、3番目の値が表示されます。これがあなたのテーブルなら：

<tr class="first odd">
    <td class="a-center">
    <td>...</td>
    <td>...</td> --> I want this
    <td>...</td> 
    <td>...</td>
    <td><button id='test'><button></td>
</tr>

次に、JavaScriptで、以下に示すようなクリックイベントでボタンをバインドします。-

$(document).ready(function () {
    $('#test').click(function(){
         var thirdData  = $(this).closest('tr').children('td:eq(2)').text();
         alert(thirdData);
    });
});

これで問題が解決します。

于 2013-02-19T12:57:21.890 に答える
0

サンプルコード、ここでも変更できます

<td>この方程式の最後のインデックスを変更することで任意の値をロードできるため、これで問題が解決すると思います。td = tr[i].getElementsByTagName("td")[1];

于 2018-10-15T18:56:43.270 に答える