时间戳

首页 > 解决方案 > 在 youtube.com 上获取所有 DOM 元素

javascript - 在 youtube.com 上获取所有 DOM 元素

问题描述

我在 youtube 网站（趋势页面）上玩 JS。

我正在尝试做的事情：将类“ytd-expanded-shelf-contents-renderer”的所有元素“ytd-video-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，因为我需要“扫描”这个数组中的每个元素以查找某个子节点，如果我使用 querySelectorAll，find() 将不起作用。

顺便说一句：我在 Chrome 和 Firefox 中使用控制台。

标签： javascriptjqueryhtmlyoutube

解决方案

由于我正在使用 chrome 和 firefox 的开发工具控制台，$因此是document.querySelector. 我需要更改$为$$. 现在它正在工作。感谢@Xufox 的帮助！

这是@Xufox 的评论：

$ 在这里不是 jQuery。它是控制台中 document.querySelector 的别名。使用 $$

推荐阅读