首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >JQuery类名选择器以?开头?

JQuery类名选择器以?开头?
EN

Stack Overflow用户
提问于 2009-12-05 20:41:45
回答 2查看 5K关注 0票数 4

我有下面的html标记:

代码语言:javascript
复制
<DIV class="bubble bubble_white">
  <DIV class=bubble_large></DIV>
</DIV>
<DIV class="bubble bubble_black">
  <DIV class=bubble_large></DIV>
</DIV>

我想选择类bubble bubble_whitebubble bubble_black。我正在考虑下面的代码,但它不起作用:

$(".bubble.[class^=bubble_]")

你有什么建议吗?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2009-12-05 20:49:39

试试这个:

代码语言:javascript
复制
$(".bubble[class*=bubble_]")
票数 4
EN

Stack Overflow用户

发布于 2009-12-05 20:54:17

[attr^=val]选择器正在比较整个属性值。因此,您的属性值必须以bubble_开头才能被选中。对于以空格分隔的列表,可以使用[attr|=val]选择器:

代码语言:javascript
复制
$(".bubble[class|=bubble_white], .bubble[class|=bubble_black]")

或者您可以自己进行过滤:

代码语言:javascript
复制
$(".bubble").filter("[class|=bubble_white], [class|=bubble_black]")

或者:

代码语言:javascript
复制
$(".bubble").filter(function() {
    var $this = $(this);
    return $this.hasClass("bubble_white") || $this.hasClass("bubble_black");
})

或者:

代码语言:javascript
复制
$(".bubble").filter(function() {
    return /(?:^|\s+)bubble_/.test(this.className);
})
票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1852106

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档