使用JQuery更改动态生成的标签的属性

Question

我需要使用Jquery重写页面上标记的src和/或href属性。我已经尝试过这个sample code.，它适用于html页面中已经存在的标签，但是对于Javascript动态生成的标签，它不起作用。

对于这种要求的任何解决方案，每次生成标签时，比如img标签，我都需要更改它的属性。

示例代码：

<script>
$("img").attr({ 
  src: "/images/hat.gif",
  title: "jQuery",
  alt: "jQuery Logo"
});
$("div").text($("img").attr("alt"));
</script>

Answer 1

我在您的代码中看到的是，您正在生成img元素两次...应该保留对第一次创建的元素的引用。

如下所示：

<script>
var myImage = $("img").attr({ 
  src: "/images/hat.gif",
  title: "jQuery",
  alt: "jQuery Logo"
});
$("div").text(myImage.attr("alt"));
</script>

Answer 2

尝试如下所示：

$('#id_of_element_to_change').attr("src")="path/src_or_href";