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

【问题标题】：Can I put multiple jquery selector in the same command我可以将多个 jquery 选择器放在同一个命令中吗
【发布时间】：2018-10-17 10:35:55
【问题描述】：

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

命令：

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

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

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

【问题讨论】：

标签： javascript jquery jquery-selectors

【解决方案1】：

On 选项使用find 方法：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

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

【讨论】：

您的答案与@AdityaSharma 答案完全相同

【解决方案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>

【讨论】：