在单个类名上使用“开头为”选择器

给予。

如果我有以下内容:

<div class="apple-monkey"></div>
<div class="apple-horse"></div>
<div class="cow-apple-brick"></div>

我可以使用以下选择器找到前两个DIV:

$("div[class^='apple-']")

但是,如果我有这个:

<div class="some-other-class apple-monkey"></div>
<div class="apple-horse"></div>
<div class="cow-apple-brick"></div>

它只会找到第二个DIV,因为第一个div的类以字符串形式返回(我认为),并且实际上不是以“ apple-”开头,而是以“ some-”开头

解决该问题的一种方法是不使用开头为,而是包含:

$("div[class*='apple-']")

问题在于它还会在我的示例中选择第三个DIV。

问题:通过jQuery,对单个类名而不是整个类属性作为字符串使用谓词选择器的正确方法是什么?只是获取CLASS,然后将其拆分为一个数组,然后使用正则表达式遍历每个单独的问题?还是有一个更优雅/更简洁的解决方案?

乔什·巴恩(Josh Barn)

以“ apple-”开头的类以及包含“ apple-”的类

$("div[class^='apple-'],div[class*=' apple-']")

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章