jQuery - 从选定行中的单元格中获取数据

时间:2016-08-05 23:10:21

标签: javascript jquery

我有这段代码,测试我是否得到了结果:

$("#texts tr").on("click", function(evt){
    var parent_id = $(("td")[0]).text();
    alert(parent_id);
});

它没有提供任何东西,所以我想我已经构建了我不正确地检索数据的尝试?

UPDATE:html(使用Node中的jade视图生成)

extends layout
//- Format for displaying list of texts

block content
    h1 Equity Texts
    table.table.table-striped.table-hover.table-bordered
        thead
            tr
                th Objid
                th Book Title
            tbody#texts
                each text in texts
                    tr(id = "book_" + text.objid)
                        td= text.objid
                        td= text.book_title


    script(src="/jquery.min.js",type="text/javascript")
    script(src="/handler.js",type="text/javascript")

3 个答案:

答案 0 :(得分:1)

据我所知,你想获得点击tr的第一个td的文本。试试这个:

$("#texts tr").on("click", function(){
    var parent_id = $(this).find('td:first').text();
    alert(parent_id);
});

您可以将td:first替换为td:eq(0)

答案 1 :(得分:1)

选择器为t,不会选择任何元素。代码段("td")[0]返回t,您将它作为选择器传递给jQuery。

要获取第一个td元素的文本内容,您可以编码:

// you probably wanted to use this syntax
$( $('td')[0] ).text();
// other alternatives
$("td").eq(0).text();
$("td:eq(0)").text();
$("td").first().text();

答案 2 :(得分:0)

刚刚找到另一个有效的答案。谢谢你的帮助。

http://stackoverflow.com/questions/15615825/how-to-access-specific-cell-of-clicked-table-row-in-javascript

我对细胞属性一无所知。如果此时尚未弃用。