jquery - jQuery 事件从表中获取 TR ID 的值

Question

HTML：

<table class="tdiv" id="tnv">
    <tr>
       <td id="isrdata1">1</td> <-- Need get a value -->
       <td>Something bla bla</td>
    </tr>
    <tr>
       <td id="isrdata2">2</td>
       <td>Something bla bla</td>
    </tr>
</table>

jQuery：

        $('#tnv').find('tr').click( function(){
            var isrdata = ($(this).index()+1);

            console.log(isrdata);


        });

如何从中获取#isrdata价值tr？

Answer 1

如上所述，将 isrdata 从 id 更改为 class 然后

我会使用每个循环

$(["#tnv .isrdata"]).each(function (i) 
{
        console.log($(this).text());
        }
    });

Answer 2

只需放弃调用.find()：

$('#tnv tr').click(function () {
    var isrdata = ($(this).index() + 1);
    console.log(isrdata);
});

jsFiddle 示例

Answer 3

只是

$('#tnv').find('tr').click( function(){
    var isrdata = $(this).find('td:first').attr('id');
    console.log(isrdata);

});

演示：小提琴

Answer 4

尝试这个：

$("#tnv tr").on("click", function(event){
    var isrdata = $(this).children('td.isrdata').text();
    console.log(isrdata);
});

Answer 5

如果你想获取元素的 ID

var idName = $("elem").attr("id");

在找到 dy ID 一些元素后：

$("#"+idName).html();

如果你想获取元素的内容：

$("elem").html();

Answer 6

改成这样：

<table class="tdiv" id="tnv">
    <tr>
       <td class="isrdata">1</td>
       <td>Something bla bla</td>
    </tr>
    <tr>
       <td class="isrdata">2</td>
       <td>Something bla bla</td>
    </tr>
</table>

JS

    $('#tnv').find('tr').click( function(){
        var isrdata = $(this).find(".isrdata").text();
        console.log(isrdata);
    });

小提琴

我用一个类代替了重复的 ID。单击其中的 a 时tr，#tnv我会找到具有类的元素，isrdata然后从中提取文本。