使用 jquery 选择多个值

Question

我的问题是查找类名中具有特定前缀的所有对象，例如在 html 的以下部分中，我希望能够通过单个语句获取 us_mr 和 us_she。

<div>
 <div class="us_me">Some about me</div>
 <div class="us_she">Some about she</div>
 <div class="they_she">Some about others</div>
</div>

这是我试过的

$(".^us_")

假设它会找到

<div class="us_me">Some about me</div>
<div class="us_she">Some about she</div>

但出现语法错误

Answer 1

通配符的正确语法是：[attribute^="value"]。

例子：

$("[class^='us_']").addClass('someClass');

.someClass {
  background-color: red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
  <div class="us_me">Some about me</div>
  <div class="us_she">Some about she</div>
  <div class="they_she">Some about others</div>
</div>

Answer 2

你可能想试试$("div[class^='us_']")

工作演示

console.log($("div[class^='us_']").length);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
  <div class="us_me">Some about me</div>
  <div class="us_she">Some about she</div>
  <div class="they_she">Some about others</div>
</div>