javascript - 基于条件的动态行选择

Question

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

Answer 1

由于我无法清楚地看到您的完整 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
    }
});

注意:我已经编写了冗长的代码，以便让您更多地了解如何进行操作。如果您理解得很好，可以将其缩短一两行。