我可以更改 <link> 标签属性值吗？答案

【问题标题】：can I change <link> tag attribute value?我可以更改 <link> 标签属性值吗？
【发布时间】：2012-06-19 04:03:54
【问题描述】：

我想使用 jquery 来更新我的属性值，因为我希望访问者在点击 facebook 时喜欢然后喜欢的帖子会在一个 html 中显示不同的缩略图。

<link rel="img_src" href="myimg.jpg">

所以我尝试使用以下代码：-

$(document).ready(function(){
    $("link").attr("href", myLinkFromXML);
});

但好像不行。

你们对此有什么想法吗？

感谢您的提前。 :)

【问题讨论】：

您要更改页面上每个链接的href，还是只更改一个？

标签： jquery tags

【解决方案1】：

没有理由你的代码不应该工作，除了它也会清除每个样式表链接标签href

针对特定的：

$('link[rel="img_src"]').attr('href', myLinkFromXML);

现在问题是变量myLinkFromXML 定义了吗？我怀疑它的名字是你希望在 xml ajax 调用成功时完成的

【讨论】：

【解决方案2】：

  var newCSS = [];

   $.each(options.styles, function(index) {
    $('<link />', {
        href: '/styles/' + options.styles[index]['href'],
        media: 'screen',
        rel: 'stylesheet',
        type: 'text/css',
        'class': 'dynamic_css'
    }).appendTo('head');
  });
  // IE doesn't always notice the presence of new stylesheets
  if ($.browser.msie) {
       $('.dynamic_css').clone().appendTo('head');
  }

此代码将向文档添加新的 CSS。使用此样式并为您的 xml 相应地更改代码

【讨论】：

【解决方案3】：

工作演示试试这个：http://jsfiddle.net/69v27/

好链接：http://api.jquery.com/prop/

另外，Prop vs Attr - 这也很好读，请参阅：.prop() vs .attr()（此链接将详细说明 Prop api vs attr）

如果需要更改单个元素，我建议为元素添加标识，即id 属性，并像这样使用$('#id_of_link').prop('href','to_whatever') 或在链接组$('.class_of_link').prop('href','to_whatever') 的情况下使用类。或者查看下面的 cmets，还有另一种使用您的 rel 的方法。

如果我遗漏了什么，请告诉我，

希望对你有帮助

代码

$(document).ready(function(){
    $("link").prop("href","mylinkfromxml");
    alert("New Link is ==> " + $("link").prop('href'));
});

【讨论】：

你真的想改变这家伙的所有样式表吗？
不知何故，“href”对我来说似乎是一个属性，而不是一个属性
@Joy 是的，有趣的是，嗯，哦，以防万一，这是一个很好的链接：stackoverflow.com/questions/5874652/prop-vs-attr
@nbrooks 请看这里：stackoverflow.com/questions/5874652/prop-vs-attr很好的解释
@charlietfl 是的，可以这样做：$('link[rel="img_src"]').prop :)。不，不是全部；正如 OP dint 提到的那样，但是可以针对具体情况执行此操作，但不清楚，对于个人来说，他/她应该使用 id 或 class 进行群组:) 感谢您的评论，干杯