javascript - 使用 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>