Question

使用以下内容，

var cells = document.getElementById("test").getElementsByTagName("td");
for (var i = 0; i < cells.length; i++) {
    if (cells[i].innerHTML == "one") {
        cells[i].style.backgroundColor = "red";
    }
}

http://jsfiddle.net/jfriend00/Uubqg/

有没有人知道如何在一行中找到任何单词并让它突出显示同一行中的特定单元格

例如，如果在任何地方找到一个单词，它会突出显示该行中的第一个单元格吗？

Answer 1

当然，只需查看单元格的parentNode，然后再查看子项[0]：

var cells = document.getElementById("test").getElementsByTagName("td");
for (var i = 0; i < cells.length; i++) {
    if (cells[i].innerHTML == "one") {
        cells[i].parentNode.firstChild.children[0].style.backgroundColor = "red";
    }
}

工作小提琴：

http://jsfiddle.net/Uubqg/47/

Answer 2

要突出显示第一个单元格，只需返回父行并获取单元格：

var cells = document.getElementById("test").getElementsByTagName("td");
for (var i = 0; i < cells.length; i++) {
    if (cells[i].innerHTML == "one") {
        var row = cells[i].parentNode;
        row.getElementsByTagName("td")[0].style.backgroundColor = "red";
    }
}

查找单元格内容突出显示同一行中的不同单元

2 个答案: