隐藏具有匹配ID和类的div使用jquery

时间:2013-09-10 18:51:05

标签: javascript jquery jquery-selectors

我想隐藏div,其id为'hide',类为'test'。使用.filter方法工作正常,但我想有另一种方法可以做到这一点。 fiddle

if($('#hide').hasClass('test')){
   $('.test').hide();
}

$('#hide').filter(function(){
   return this.className=='test'
}).hide();

1 个答案:

答案 0 :(得分:6)

你可以把它写成

$('#hide.test').hide();

选择器之间没有空格会选择标识为hide和类test

的元素

不清楚你的动态是什么意思,但正如@kolink所说,你可以简单地将它们结合起来。如果数组中有许多类名,你甚至可以这样做。

var toHide = ["hide", "if", "allarepresent"];
$("#hide." + toHide.join('.')).hide();

<强> Fiddle