【问题标题】:Changing attribute of dynamically generated tags with JQuery使用 JQuery 更改动态生成的标签的属性
【发布时间】:2012-04-13 21:11:42
【问题描述】:

我需要使用 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>

【问题讨论】:

  • @T.J.克劳德 他没有提到任何代码吗? OMGWTFBBQ?!
  • 大声笑...他正在展示文档 LMAO 中的一些内容
  • 你应该考虑制作一个 imageCustomize 函数,你可以在插入图像时调用,因为挂钩到所有函数是一个坏主意。您没有访问插入图像的代码吗?
  • @MarcoJohannesen 实际上我只是将图像作为示例,它不仅仅是我需要处理的图像,几乎所有类型的标签都在 html 页面中。

标签: javascript jquery


【解决方案1】:

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

像这样:

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

【讨论】:

    【解决方案2】:

    尝试以下方法:

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

    【讨论】:

    • 谢谢,但是我的脚本不知道元素的 ID。有没有办法遍历所有标签并获取其 ID?另外,每次在页面中动态注入标签时它都会起作用吗?
    猜你喜欢
    • 2018-09-20
    • 2017-03-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-08-18
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多