Question

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

命令：

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

我可以加入以上两个命令并使其合而为一吗？

对此表示感谢。

Answer 1

打开选项正在使用find方法：

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

Answer 2

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

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

Answer 3

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

$("#abc > .className1 > .className2 > .className3, #pqr > .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选择器吗

4 个答案: