任何使用*的选择器都在我的情况下失败

Question

<div class="cd1"></div>
<div class="cd2"></div>
<div class="cd3"></div>
<div class="cd4"></div>
<div class="cd5"></div>

如何选择基于＆＃39; cd＆＃39;炭？

I tried $('.cd*) but doesn't work.

Answer 1

要在开头访问包含特定文本的类：

$("[class^=cd]")

并在末尾访问包含特定文本的类：

$("[class$=cd]")

Answer 2

尝试选择属性类：

$('[class^=cd]')

Answer 3

虽然 可以使用$("[class^=cd]")，但它非常脆弱并且它不是一个好主意：只要你添加其他类你可以打破它。这些将失败来匹配它，例如：

<div class="foo cd1"></div>
<div class="bar cd2"></div>

相反，为所有这些不变的元素添加第二个类：

<div class="cd cd1"></div>
<div class="cd cd2"></div>
<div class="cd cd3"></div>
<div class="cd cd4"></div>
<div class="cd cd5"></div>

然后使用$(".cd")。

Answer 4

用div包装它，给它添加一些类

示例：

 <div class="cd">
    <div class="cd1"></div>
    <div class="cd2"></div>
    <div class="cd3"></div>
    <div class="cd4"></div>
    <div class="cd5"></div>
 </div>

然后你可以使用这个选择器$（'。cd＆gt; div）