javascript - 在匹配的文本上应用 CSS

Question

我正在尝试应用一个文本与 sibling 元素匹配的类。

我的特定条件是:

I have a table with multiple rows based on data that I get through database. One of the td elements has my defined class. Now I wanted to apply a class only on those td elements where the text of this element matches with another one.

所以它就像是 html/text 相等的 td 有那个类。

我试过了:

$('#table tbody>tr').find('td[class^="customtd"]').each(function() {
    if($(this).html().trim() == $(this).siblings('td').html().trim()) {
        $(this).addClass('active');
    }else {
        $(this).removeClass('active');
    }
});

Answer 1

您必须迭代每个兄弟 td(或使用 filter)，检查文本匹配，然后添加类:

$('#table tbody>tr').find('td[class^="customtd"]').each(function() {
    var text = $(this).text();
    $(this).siblings("td").filter(function() {
        return $(this).text() == text;
    }).addClass("active");
});