0

各列をクリックするとメッセージを警告しようとしています。3 行 4 列のテーブルがあり、各テーブルの 3 番目の列をクリックすると、次の列の値を含む警告メッセージが表示されます。私はこれを試しましたが、すべての列が特定の列ではなく値を取得します。私の問題は、これがすべての列のクリックで呼び出されることですが、各行の3番目の列をクリックしたときにのみアラートメッセージが必要です。

HTML

<table id='myTable'>
<tr><td>R1C1</td><td>R1C2</td><td>R1C3</td><td>R1C4</td></tr>
<tr><td>R2C1</td><td>R2C2</td><td>R2C3</td><td>R2C4</td></tr>
<tr><td>R3C1</td><td>R3C2</td><td>R3C3</td><td>R3C4</td></tr>
</table>

JS

$("#myTable tr").bind("click", function () {
     alert($(this).children("td").eq(3).html());
});

デモはこちら

4

7 に答える 7

3

このコードを試してください

 $(document).ready(function () {

            $('#myTable tr').each(function (Mindex, Mval) {
                $(Mval).find('td:eq(2)').click(function () {
                    alert($(Mval).find('td:eq(3)').html());
                });
            });
于 2013-08-24T07:21:04.173 に答える
1 
$("#myTable tr td:nth-child(3)").click(function () {
     alert($(this).next().html());
});
于 2013-08-24T06:49:34.187 に答える
1

これを試して

 $('table#myTable tr td:nth-child(3)').on('click', function() {
            alert($(this).next().html());
        });

ここをチェック

于 2013-08-24T06:50:32.450 に答える
1

これを試して：

 $('#myTable').children('tr').children('td').eq(3).on('click', function() {
     alert($(this).next().html());
 });

上記の関数は、直接の子要素を呼び出していることを確認しますが、ネストされた他の同じ要素は呼び出していません。将来の回帰を解決します。

于 2013-08-24T06:57:55.517 に答える
-1

これを試して：

var thirdEle = $("#myTable tr td:nth-child(3)");
thirdEle.bind("click", function () {
    alert($(this).html());
});
于 2013-08-24T06:44:19.440 に答える