jquery - 通配符选择器 jQuery

Question

我正在编写一个代码来切换对某事的解释。代码是：

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

我得到了多种解释：#explanation1,#explanation2等。

如何使用通配符选择号码？就像是：

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

我想不通，尝试了多种解决方案，但都没有奏效。

score 2 · Accepted Answer

最好的解决方案是为每个人设置一个类并使用它

<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();
});

否则，您必须在属性上使用starts-with选择器id

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

score 1 · Accepted Answer

1

您可以使用以选择器开头的属性：

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

于 2013-06-06T07:58:54.103 回答

score 0 · Accepted Answer

工作 jsFiddle 演示

用这个：

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

参考：

属性以选择器开头 [name^="value"] - jQuery API 文档

score 0 · Accepted Answer

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

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

score 0 · Accepted Answer

0

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

尝试这个

于 2013-06-06T07:59:09.273 回答

score 0 · Accepted Answer

我需要这样：

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

我解决了：

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

jquery - 通配符选择器 jQuery

6 回答 6

Related

Reference