jquery - 更改jquery中图像的数据标题

Question

嗨 friend 们，我正在尝试更改动态模式下的数据标题。

$("#btnchange").click(function(){
    var newanchor=  $(".fancybox a");
    newanchor.attr('caption', 'i am new caption');
});

当我单击图像以在第三方插件(名为(fancybox)的工具)中打开它时，它的标题未显示。

但是当我尝试默认添加数据标题时，它就像:

<a id='a1' class="fancybox" data-caption='hey' 
 href="http://farm8.staticflickr.com/7171/6417719753_374653e28c_b.jpg">
    <img src="http://farm8.staticflickr.com/7171/6417719753_374653e28c_m.jpg" alt=""/>
</a>

然后就完美显示了。看我的 fiddle :

http://jsfiddle.net/RyTcS/401/

Answer 1

尝试使用.data()而不是.attr()，

newanchor.data('caption', 'i am new caption');

DEMO

并且您的选择器应该是 .fancybox 而不是 .fancybox a