Получить все DOM-элементы на youtube.com

Question

Я играю с JS на youtube-сайте ( страница трендов ).

Что я пытаюсь сделать: Запишите все элементы "ytd-video-renderer" с классом "ytd-extended-shelf-contents-renderer" в переменную xyz.

Мой код:

var xyz = $("ytd-video-renderer.ytd-expanded-shelf-contents-renderer")

К сожалению, это мой консольный вывод:

<ytd-video-renderer class="style-scope ytd-expanded-shelf-contents-renderer">

я получаю только первый элемент с этого сайта. Если я использую только ваниль JS

var xyz = document.querySelectorAll("ytd-video-renderer.ytd-expanded-shelf-contents-renderer")

Я получу все элементы в массиве. - хорошо ..

Но я хочу использовать jQuery, потому что мне нужно «просканировать» каждый элемент в этом массиве на предмет определенного дочернего узла, и функция find () не будет работать, если я использую querySelectorAll.

Кстати: я использую консоль в Chrome и Firefox.

Answer 1

Поскольку я работаю с консолью dev-tool для chrome и firefox, $ является псевдонимом для document.querySelector. Мне нужно изменить $ на $$. Теперь это работает. Спасибо @Xufox за вашу помощь!

Вот комментарий @Xufox:

$ здесь не jQuery. Это псевдоним для document.querySelector в консоли. Используйте $$