将数据属性添加到类下的所有图像

Question

我使用的灯箱需要链接中的特定标签。我并不想编辑每个帖子，因此我尝试使用jquery自动执行此操作。

HTML

<div class="wrapper">
   <a href="imagelink.png">Image</a>
</div>

JS

  $(document).ready(function() {

// Scan classes
$('.wrapper a').each(function(){

    // Apply tag
    $(this).parent().attr('data-lity');

});
});

结果应为

<div class="wrapper">
   <a href="imagelink.png" data-lity>Image</a>
</div>

JSfiddle http://jsfiddle.net/c2RvG/31/

Answer 1

脚本

$('.wrapper a').attr('data-lity', '');

您不需要迭代。 Jquery为你做到了。只需设置属性。

希望它有所帮助。干杯！

Answer 2

这会做一个技巧

Jquery的

$(document).ready(function() {

    // Scan the webpage for all class names of 'thumb' that is seen.

    $('.wrapper a').attr('data-lity', '');

});

DEMO

Answer 3

试试这个

  $(document).ready(function() {

 // Scan classes
   $('.wrapper a').each(function(){

 // Apply tag
    $(this).parent().attr('data-lity','');

  });
 });