Как выбрать единственный дочерний элемент с помощью jQuery?
Используя jQuery, как я выбираю единственный дочерний элемент? Я посмотрел на Пересекающий API и знаю, что могу выбрать всех непосредственных детей img элементы как это:
$(this).children('img');
И выбрать первого ребенка img элемент я мог использовать нижний индекс как это:
$(this).children('img')[0];
Но я предполагаю, что отчасти удивлен, что я не могу сделать этого:
$(this).child('img'); // no subscript, returns single element
Или я пропустил что-то?
59
задан kevinji
6 August 2013 в 22:06
поделиться
1 ответ
Не jQuery, как вопрос просит, но исходно (т.е. никакие требуемые библиотеки) я думаю, что лучший инструмент для задания querySelector для получения единственного экземпляра селектора:
let el = document.querySelector('img');
console.log(el);
Для всех экземпляров соответствия, используйте document.querySelectorAll(), или для экземпляров в другом элементе, который можно объединить в цепочку следующим образом:
// Get some wrapper, with class="parentClassName"
let parentEl = document.querySelector('.parentClassName');
// Get all img tags within the parent element
let childrenEls = parent.querySelectorAll('img');
вышеупомянутое Примечания эквивалентно:
let childrenEls = document.querySelector('.parentClassName').querySelectorAll('img');
0
ответ дан Nick Bull
1 November 2019 в 11:53
поделиться