If (.somthing:contains(文本).addClass，if else (：包含(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');
    }
});