使用 jquery 抓取图像 SRC attr

Posted 2023-05-09

【中文标题】使用 jquery 抓取图像 SRC attr

【英文标题】：Grabing image SRC attr with jquery

【发布时间】：2012-08-28 05:42:54

【问题描述】：

这是 Jquery Mobile 我想从 rss 描述标签中获取图像 src， 我想将图像的 SRC 抓取到变量中，我尝试了很多方法，但它对我不起作用，这是我的代码： 我想在这个 img 标签 SRC 中添加包含 SRC 的变量：

document.write(
    '<li id="list' + i + '"><img src="**#img**" class="ui-li-thumb"><a href="#article' + i + '" id="link' + i + '">&nbsp;</a></li>'
  );

黑色文本是变量。 我试图从以 img 标签等开头的文本中获取 img src：

$('#link' + i).text(entry.title);
$('#img' + i).text(entry.content);

我要抓取的图片在里面：text(entry.content)

【参考方案1】：

获取src 属性值：

var variable = $('#img' + i).attr('src');

设置src 属性值：

$('#img' + i).attr('src', "http://example.com/img.png");

其中 '#img' + i 是 id 为 img1、img2 等的标签... 例如：

<img id="img0" />

text - 这是 jquery 函数，它将在其中使用 .innerText/.innerContent 。 和带有内部文字的图像 - 没有这样的东西。 .getElementById - 即 javascript 对象 window 通过 id 获取元素的函数。它与大多数 jQuery 函数返回的 jQuery 对象没有什么共同之处（.text 就是其中之一）

jQuery API - 这是您必须阅读的内容，以获得有关使用 jQuery 处理 DOM 的信息。

【讨论】：

很抱歉发布了类似的答案。我已经在写我的答案了，但我没有意识到你已经发布了答案。来自我的 +1

我在哪里可以添加“text(entry.content)”来获取图片，在你的代码中？

任何可以包含其他标签的标签。根据您的代码（我不太了解），它可能类似于$('#link' + i).html(entry.content).find("img").attr("src") 在这种情况下您不能使用文本，因为所有 HTML 标记都将显示为简单文本，而不会生成 DOM 对象。但是.html 将替换#link 中的所有内容，所以也许你会发现更有用的.append 函数

【参考方案2】：

您可以尝试以下方法：

<img id="first-image" src="smiley.gif"    />

获取源代码：

var currentSrc = $("#first-image").attr("src");

修改源代码：

$("#first-image").attr("src", "smiley_2.gif");