如何用JQuery获取html表格单元格文本值?

时间:2013-06-18 16:37:59

标签: jquery

当使用以下内容单击此行时,我设法连续获取单元格集合:

$('.NamesGridClass tbody tr').bind('click', function() {
    var ch = $(this).children();
    alert(ch[0] + ' ' + ch[1]);
});

以上选择代码段成功显示:

[object HTMLTableCellElement] [object HTMLTableCellElement]

我尝试了ch[0].html()ch[0].val()ch[0].text(),并获得了错误。如何在这里获取我的细胞内容?

3 个答案:

答案 0 :(得分:6)

请使用原生代码

ch[0].innerHTML

答案 1 :(得分:5)

为了使用.html(),您需要将这些对象转换为jQuery对象:

$(ch[0]).html()

同样适用于您希望应用的任何其他有效jQuery方法。

答案 2 :(得分:2)

当你从jQuery访问一个数组中的项目时,你会得到普通的旧javascript元素,而不是jquery元素。您可以使用javascript .innerHTML或使用jquery选择器双重包装该值。我建议使用.innerHTML,因为它更简单,所以

$('.NamesGridClass tbody tr').bind('click', function() {
        var ch = $(this).children();
        alert(ch[0].innerHTML + ' ' + ch[1].innerHTML);
    });