具有相同前缀id的div的jquery帮助

时间:2010-10-24 08:57:06

标签: jquery

我有4个不同ID的DIV(但是具有相同的前缀(testDiv [1 | 2 | 3 | 4]))并且我想在某些事件上设置它们的可见性(可见或隐藏)。 我如何使用一次设置DIV visiblity属性

$('testDiv*').css('visibility', 'visible'); 
OR
$('testDiv*').css('visibility', 'hidden');

此问题有解决方法。我可以为所有DIV创建一个名为“.comnClass”的类并更改其属性 但我想要一个有四种不同DIV id的解决方案。

感谢所有

3 个答案:

答案 0 :(得分:13)

您可以像这样使用starts with selector ^=

$('div[id^=testDiv]').css('visibility', 'visible'); 
  

描述:选择那些元素   具有指定的属性   价值从给定的开始   字符串。

注意 如果您使用某个类,则可以轻松定位它们,但这取决于您的要求。

答案 1 :(得分:5)

拥有一个共同的类不是解决方法。 正确的方法。该类建立了这四个元素之间的关系,以便您可以一次操作它们。 id用于能够唯一地识别它们。

答案 2 :(得分:2)

$('div[id^=testDiv]').attr('visibility', 'hidden');