用JQuery替换没有ID/Class的图像

Replace image without ID/Class with JQuery

本文关键字：Class 图像 ID JQuery 替换      更新时间：2023-09-26

我正在通过谷歌Chrome扩展为一个网站应用外部主题。该标志没有一个ID或一个类来调用它，我正在寻找一种方法来取代它与另一个形象。我觉得可能有一种方法可以根据图像的大小来获取图像，但我不知道该怎么做。

例如在<div id="something">中你可以用

来捕获它
$("#something img:first").attr('src', 'http://new.src/img.gif');

如果你知道链接图片的文件名，你可以使用contains选择器来选择。

http://api.jquery.com/attribute-contains-word-selector/

$("img[src~='cats.gif']");

您需要首先选择靠近它的一个元素。

。如果它是id为example:

的元素的第三个子元素
$("#example :nth-child(3)").attr('src', '...');

或者，如果父元素没有ID，则必须使用直接子选择器。如果HTML是:

<div id="myDiv">
    <div>blah</div>
    <div><img src="..."/></div>
</div>

你的选择器应该是:

$("#myDiv > div:nth-child(2) > img");

您应该能够调用$("img:eq(1)").attr("src", "file.png");

其中1为图像索引。正如下面的waitinformationrain所指出的，这是零基数的。来自API条目:

注意，由于JavaScript数组使用基于0的索引，这些选择器反映了这个事实。这就是$('.myclass:eq(1)')选择的原因文档中的第二个元素使用类myclass，而不是第一个。相反，:n -child(n)使用基于1的索引来遵从

相关文章：