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

时间:2013-08-12 13:50:22

标签: jquery events

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值?

6 个答案:

答案 0 :(得分:1)

如上所述,将id从类更改为类,然后

我会使用每个循环

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

答案 1 :(得分:0)

暂停拨打.find()

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

<强> jsFiddle example

答案 2 :(得分:0)

只需

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

});

演示:Fiddle

答案 3 :(得分:0)

试试这个:

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

答案 4 :(得分:0)

如果你想获得元素的ID

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

找到dy ID之后的一些元素:

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

如果你想获得元素的内容:

$("elem").html();

答案 5 :(得分:0)

更改为:

<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);
    });

Fiddle

我用类替换了重复的ID。点击tr中的#tnv后,我会找到一个类为isrdata的元素,然后将文本拉出来。