Могу ли я поставить несколько селектор jquery в одной команде

Question

У меня есть две команды в jQuery, где все элементы одинаковы, но не один.

Команды:

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

Могу ли я объединить две команды выше и сделать их одной?

Любые вклады в этом отношении приветствуются.

Answer 1

Вы можете сохранить дочерний селектор в переменной и использовать его в jquery selector.

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>

Answer 2

да с несколькими селекторами («селектор1, селектор2, селекторN») 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

Да, вы можете сделать это с разделителями-запятыми несколько селекторов

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