Question

朋友们，我正在尝试更改动态模式的数据标题。

$("#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>

然后它显示完美。看我的小提琴：

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

Answer 1

尝试使用.data()代替.attr()，

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

DEMO

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

Answer 2

你有错误的选择器，你当前的选择将检查班级fancybox内的锚点。所以改变这样的代码，

 $("#btnchange").click(function () {
      $("a.fancybox").attr("data-caption", "i am new caption");

 });

Demo

Answer 3

$(document).on('click', '#btnchange', function() {
    $('a.fancybox').data('caption', 'i am new caption');
});

You might find this example useful

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

3 个答案:

DEMO