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

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/

有谁知道我如何连续定位任何单词并使它突出显示同一行中的特定单元格

例如，如果单词“ one”在任何地方都可以找到，那么它将突出显示该行的第一个单元格？

Answer 1

当然，只要看一下单元格的parentNode，然后看一下children [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";
    }
}