基于条件的动态行选择

时间:2019-12-29 07:13:37

标签: javascript dom dynamic dom-manipulation

enter image description here在这种情况下,我必须遍历所有表行,并选择该行的第一个实例,其中它具有警告指示符,如所附的图像所示。 带有警告指示符的行将具有额外的div,如下所述。

1 个答案:

答案 0 :(得分:0)

由于我看不到您完整的 DOM ,我将为您提供一个思路,如何遍历这些行并返回带有警告的行-

var allTr = document.getElementsByClassName("classNameOnTr");

Array.prototype.forEach.call(allTr, function(tr) {
    // all tds within a tr
    var trAllTd = tr.children;

    // first td out of all
    var firstTd = trAllTd[0];

    if(firstTd.children[0]) {
        // this is the probable div which creates the warning indicator
        // write your logic to check if the div exist here
        // break the loop if you find it here and return the td
    }
});

Note:我编写了冗长的代码,以使您更加了解如何进行操作。如果了解得很好,可以将其缩短一两行。