如果我有以下内容:
<div class="apple-monkey"></div>
<div class="apple-horse"></div>
<div class="cow-apple-brick"></div>
Run Code Online (Sandbox Code Playgroud)
我可以使用以下选择器来查找前两个DIV:
$("div[class^='apple-']")
Run Code Online (Sandbox Code Playgroud)
但是,如果我有这个:
<div class="some-other-class apple-monkey"></div>
<div class="apple-horse"></div>
<div class="cow-apple-brick"></div>
Run Code Online (Sandbox Code Playgroud)
它只会找到第二个DIV,因为第一个div的类以字符串形式返回(我认为)并且实际上并不以'apple-'开头,而是'some-'
一种方法是不使用开头,而是包含:
$("div[class*='apple-']")
Run Code Online (Sandbox Code Playgroud)
问题是它还会在我的例子中选择第三个DIV.
问题:通过jQuery,在单个类名上使用谓词选择器的正确方法是什么,而不是将整个类属性用作字符串?它只是抓住CLASS,然后将它分成一个数组,然后用正则表达式遍历每个单独的一个?或者是否有更优雅/更简洁的解决方案?
jquery ×1