我正在制作一个扩展程序,用于抓取 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);
这行不通。控制台只打印“未定义”。
最佳答案
如果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");
关于javascript - 尝试获取 div 子级中的图像 url,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61486086/