jQuery帮助：如何选取具有相同前缀ID的div？

Question

我有4个不同ID的DIV（但具有相同的前缀（testDiv [1 | 2 | 3 | 4]）），我想在某些事件上设置它们的可见性（visible或hidden）。 如何使用一次设置DIV可见性属性，类似于

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

这个问题有一个解决方法。我可以为所有的DIV元素设置一个名为“.comnClass”的类，并更改其属性，但是我希望有四个不同的DIV id的解决方案。

谢谢大家！

- user367134

Answer 1

您可以使用以选择器^=来实现：

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

描述：选择具有指定属性且值以给定字符串精确开头的元素。

注意，如果您使用类代替属性选择器，可以更容易地选择它们，但这取决于您的要求。

- Sarfraz

Answer 2

拥有共同的类并不是一种权宜之计，而是正确的做法。这个类建立了这四个元素之间的关系，使得你可以一次性地操作它们。id用于唯一标识它们。

- Noufal Ibrahim

Answer 3

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

- Darin Dimitrov

---

谢谢Daren Sarfarz，这不是属性而是CSS。 - user367134

而且它是不可见的，但“可见性”。 - user367134

@user367134，是的，它是“visibility”。已更新帖子。 - Darin Dimitrov