我可以在同一个命令中放置多个 jquery 选择器吗

Question

我在 jQuery 中有两个命令，其中所有元素都相同但不是一个。

命令：

$("#abc > .className1 > .className2 > .className3");
$("#pqr > .className1 > .className2 > .className3");

我可以将以上两个命令合并为一个吗？

感谢您在这方面的任何意见。

Answer 1

是的，您可以用逗号分隔 multiple selectors

$("#abc > .className1 > .className2 > .className3, #pqr > .className1 > .className2 > .className3");

Answer 2

是的，有多个选择器（“selector1, selector2, selectorN”） https://api.jquery.com/multiple-selector/

$("#abc > .className1 > .className2 > .className3, #pqr > .className1 > .className2 > .className3");

Answer 3

选项正在使用 find 方法：

$('#abc, #pqr').find('> .className1 > .className2 > .className3')

Answer 4

您可以将子选择器存储在变量中并在 jquery 选择器中使用它。

var childs = "> .className1 > .className2 > .className3";
$("#abc"+ childs+", #pqr"+ childs)
// Or
$("#abc"+ childs).add("#pqr"+ childs)

var childs = "> .className1 > .className2 > .className3";
$("#abc"+ childs).add("#pqr"+ childs).css("color", "red");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="abc">
  <div class="className1">
    <div class="className2">
      <div class="className3">className3</div>
    </div>
  </div>
</div>
<div id="pqr">
  <div class="className1">
    <div class="className2">
      <div class="className3">className3</div>
    </div>
  </div>
</div>

我可以在同一个命令中放置多个 jquery 选择器吗

Can I put multiple jquery selector in the same command

javascript

jquery

jquery-selectors