javascript - 给一个类下的所有图片添加data属性

标签 javascript jquery

我使用的灯箱需要链接内的特定标签。我真的不想编辑每篇文章,所以我尝试使用 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/

最佳答案

脚本

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

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

希望对您有所帮助。干杯!

关于javascript - 给一个类下的所有图片添加data属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39197972/

相关文章:

javascript - jQuery show() 因 last()、after() 和 "blind"效果而失败

jquery - 将 jquery 函数移动到外部 js 文件

jquery - 如何使用 CoffeeScript 和 JQuery 动态显示/隐藏 Rails 表单字段?

javascript - 表 colgroup 中的 Col 被隐藏

javascript - body 内的脚本标签和 appendChild 的行为

javascript - '意外的标记 ;'当尝试在 jQuery AJAX 请求中传递 PHP 变量时

javascript - 数据表 - 过滤器仅应用于某些表

JavaScript - control.style.display = "none";和 control.style.display = "";?

jquery - Chrome 和 IE 中的自定义滚动条问题

javascript - 简单的 JavaScript/Bootstrap 下拉问题