如何通过 id 选择 td

Posted

技术标签:

【中文标题】如何通过 id 选择 td【英文标题】:How to select td by id 【发布时间】:2012-09-09 14:52:55 【问题描述】:

我正在尝试运行以下代码,但似乎没有正确选择 td by id:

var table = $('<table/>').attr('cellspacing', '2px');
for (var r = 0; r < length; r++) 
    var trow = $("<tr/>");
    for (var c = 0; c < length; c++) 
        var cellText = $('<div/>').html(texts[r][c]).text();
        $("<td/>").addClass("cell").attr('id', 'td' + r + c).text(cellText).appendTo(trow);
    
    trow.appendTo(table);

$('body').append(table);
alert($("#td00").text());

虽然 texts 数组包含数据,但最后的警报是空的。选择 td / 提取文本的正确方法是什么?我需要它,因为我不想将 2 的行跨度添加到某些 td 但似乎无法正确选择它们。

【问题讨论】:

for (var c = 0; c length ?请发布完整代码 工作here。请检查您的代码与此示例的不同之处。 Your code seems to work,取决于您如何确定length 【参考方案1】:
1.check that texts[r][c] is having the data and length is define before going to use
2. If you run the below code then it will work  
var length = 2;
        var table = $('<table/>').attr('cellspacing', '2px');
        for (var r = 0; r < length; r++) 
            var trow = $("<tr/>");
            for (var c = 0; c < length; c++) 
                var cellText = $('<div/>').html("asd").text();
                $("<td/>").addClass("cell").attr('id', 'td' + r + c).text(cellText).appendTo(trow);
            
            trow.appendTo(table);
        
        $('body').append(table);
        alert($("#td00").text());
        );

【讨论】:

嗯,数组和长度都初始化了,但是我试图在表格插入到body之前拉出数据。在这里更改它,以便更容易测试。何愚蠢我..

以上是关于如何通过 id 选择 td的主要内容,如果未能解决你的问题,请参考以下文章

通过 td 标题选择单元格(使用变量)和使用 javascript 的类

通过xpath 1.0分别选择子元素elem

select下拉菜单实现通过数据库查询来设置默认值

css如何选择没有定义class或者id的元素

如何将 id 传递给 React Js 中表中的每个 <td>?

当下拉列表中的“选择”更改时,按 ID 填充表 TD