Применить селектор к элементам, которые уже были выбраны

Question

Я чувствую, что спрашиваю что-то действительно глупое, но, возможно, это не мой день.Если у меня уже есть выбранный элемент, например:

let tables = $('table');

Но теперь я хочу применить другой селектор, например .some-class, поверх этих tables, но без создания нового объекта jQuery, такого как

$('table.some-class')

Как бы я это сделал?

Answer 1

Вам нужно использовать .filter() для добавления фильтра в селектор переменных.

let tables = $('table');
tables = tables.filter('.some-class');
tables.css('color', 'red');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>table</td>
  </tr>
</table>
<table class="some-class">
  <tr>
    <td>table has .some-class</td>
  </tr>
</table>

Answer 2

С помощью следующего кода вы найдете все элементы с классом .some-class под элементами с именем тега table.

let tables = $('table').find('.some-class');

Конечно, это только дляНапример, в противном случае вы можете просто сделать:

let tables = $('table .some-class');

В вашем вопросе неясно, хотите ли вы дочерние элементы или просто фильтр элементов.Если вы хотите таблицы с данным классом, вы должны сделать:

let tables = $('table').filter('.some-class');