javascript - 尝试获取 div 子级中的图像 url

Question

我正在制作一个扩展程序，用于抓取 HTML 页面上“uCW”div 内的图像 URL。

目前，我有:

var uCW = jNode.closest("div._q7o");
var image = uCW[0].children[1].getElementsByTagName("img")[0].src;
console.log(image);

通过进入 div/children 并拉取图像来找到图像。不幸的是，这种方法是有问题的，因为如果 children 经常发生变化，它就会失效。

相反，我想通过搜索 div 及其所有子项(有很多)来选择图像，以查找以“https://external ”开头的第一个图像/字符串(我想要的所有图像都以这种方式开始) ，而且这似乎没有改变。)这是我尝试过的:

var uCW = jNode.closest("div._q7o");
var image = $(uCW).find([name^="https://external"]).src;
console.log(image);

这行不通。控制台只打印“未定义”。

Answer 1

如果ucw是一个类名，你可以这样做(如果它是一个id，你可以写$("#ucw")):

var image = $(".ucw").find('[src^="https://external"]').attr("src");
console.log(image);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="ucw">
   <img src="https://external/1.jpg"/>
</div>

如果您的图像具有名称属性，并将图像的来源作为值，您还可以像您一样调整通过名称属性获取图像的尝试:

 var image = $(".ucw").find('[name^="https://external"]').attr("src");