Question

我正在制作一个能够解释某事的解释的代码。代码是：

jQuery('.button').click(function () {
       jQuery('#explanation').toggle();
});

我得到了多个解释：#explanation1，#explanation2等等。

我如何通配符选择号码？类似的东西：

jQuery('.button').click(function () {
       jQuery('#explanation*').toggle();
});

我无法弄清楚，尝试了多种解决方案，但没有一种方法可行。

Answer 1

最佳解决方案是在每个人上放一个课程并使用

<div id="explanation1" class="exp">...</div>
<div id="explanation2" class="exp">...</div>
<div id="explanation3" class="exp">...</div>

jQuery('.button').click(function () {
       jQuery('.exp').toggle();
});

否则，您必须在id属性

上使用starts-with selector

jQuery('[id^="explanation"]').toggle()

Answer 2

您可以使用attribute starts with选择器：

jQuery('[id^="explanation"]').toggle()

Answer 3

<强> Working jsFiddle Demo

使用此：

jQuery('.button').click(function () {
    jQuery('[id^="explanation"]').toggle();
});

参考文献：

Attribute Starts With Selector [name^="value"] - jQuery API文档

Answer 4

您可以通过ID模式实现此目的：http://api.jquery.com/attribute-starts-with-selector/

 jQuery('.button').click(function () {
   jQuery('[id^="explanation"]').toggle();
});

Answer 5

jQuery('[id^=explanation]').toggle();

试试这个

Answer 6

我需要这样：

if (jQuery(this).attr('name') == 'level_1' + wildcart)

我决定：

if (jQuery(this).attr('name').substr(0,7) == 'level_1')

通配符选择器jQuery

6 个答案: