jquery - if (.somthing:contains(text).addClass, if else (:contains(otherText).addClass

Question

简短的故事：我们失去了我们的 php 人，直到我们得到一个新的人，我正在使用这种 hackey 方法来完成将图标添加到 tr 的目标。

所以我得到了这张表，其中有 4 个要应用图标的类别，我正在尝试编写 if else 语句但没有得到我想要的结果。这是我的代码的脏版本：

if ($('.summary:contains("Sharks")').each(function () {
     $(this).parent().children('.category').addClass('shark-icon');
});
elseif ($('.summary:contains("Whale")').each(function () {
     $(this).parent().children('.category').addClass('whale-icon');
});

当退出 if 语句时，工作正常，但我似乎无法让 if else 继续下去。有什么想法吗？

Answer 1

$('.summary:contains("Sharks")').siblings('.category').addClass('shark-icon');
$('.summary:contains("Whale")').siblings('.category').addClass('whale-icon');

应该做。

您首先不需要该if else子句，因为选择器将过滤项目，您可以tr直接将类添加到。

如果 category 是td要应用该类的类，请使用该.siblings方法

Answer 2

试试这个方法——

$('.summary').each(function () {
    if($(this).is(':contains("Sharks")')){ 
        $(this).parent().children('.category').addClass('shark-icon');
    } else if($(this).is(':contains("Whale")')){ 
        $(this).parent().children('.category').addClass('whale-icon');
    }
});