如果已存在另一个类,则使用JQuery在html标记中添加类

时间:2017-09-13 15:27:29

标签: jquery html class

我试图在HTML标记(表格)中添加一个带有JQuery的类。

我想添加这个类,以防另一个类存在(以这种方式我只选择权限表,只选择具有该类的表)

我也有一些已经有这个类的表(要添加的类)所以我必须避免在这些表中再次添加该类。

这是我要添加类的表:

<table class="shop_table my_account_orders">
</table>

这是已经正确的表格:

<table class="shop_table shop_table_responsive my_account_orders">
</table>

所以,我希望所有的表格都像第二个一样:

<table class="shop_table shop_table_responsive my_account_orders">
</table>

我想添加&#34; shop_table_responsive&#34;在缺少的表格和&#34; shop_table&#34; (我在所有表格中都有)已经存在。

这就是我的尝试:

if( jQuery('table').hasClass('.shop_table') === true )
{
 jQuery('table').addClass('shop_table_responsive');
}

但它没有工作

3 个答案:

答案 0 :(得分:1)

无需使用if语句来检查shop_table类,只需使用选择器匹配正确的元素即可。也没有必要检测元素是否已经有shop_table_responsive类。只需添加它;如果它已经存在则不会发生任何事情。

这就是你需要做的所有事情:

$('table.shop_table').addClass('shop_table_responsive');

答案 1 :(得分:0)

if(!$('#id').hasClass('myClass1')){$('#id').addClass('myClass2')}

答案 2 :(得分:-1)

您可以使用toggleclass方法完成此操作。

$(selector).toggleclass(class);