我想使用 jquery 来更新我的属性值,因为我希望访问者在点击 facebook 时喜欢然后喜欢的帖子将在一个 html 中显示不同的缩略图。
<link rel="img_src" href="myimg.jpg">
所以我尝试使用以下代码:-
$(document).ready(function(){
$("link").attr("href", myLinkFromXML);
});
但似乎不起作用。
你们对此有什么想法吗?
感谢提前。:)
没有理由你的代码不应该工作,除了它也会消除每个样式表链接标签href
要针对特定的:
$('link[rel="img_src"]').attr('href', myLinkFromXML);
现在问题是变量myLinkFromXML
定义的?我怀疑它的名字是你希望在 xml ajax 调用成功时完成的
工作演示试试这个: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')
。或查看下面的评论,还有另一种使用您的 rel 的方法。
如果我错过了什么,请告诉我,
希望这可以帮助
代码
$(document).ready(function(){
$("link").prop("href","mylinkfromxml");
alert("New Link is ==> " + $("link").prop('href'));
});
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 相应地更改代码