將數據屬性添加到類別下的所有圖像

我正在使用需要鏈接內特定標記的燈箱。我真的不想編輯每一篇文章，所以我試圖使用jQuery自動執行此操作。將數據屬性添加到類別下的所有圖像

HTML

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

$(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/

來源

2016-08-29 WebDev

.attr有一個說法**獲取**所選屬性的當前值，您需要** set的兩個參數** –

沒有數據的數據屬性的用途是什麼？數據屬性的重點是將相關數據存儲到元素中的存儲「容器」中。這是毫無意義的設置數據attrbute（有效地命名容器）的名稱，而不設置任何數據值的atttribute /容器 – gavgrif

我正在閱讀這個插件的文檔，它看起來應該是這樣的。對於參考http://sorgalla.com/lity/和這裏是一個工作版本http://jsfiddle.net/c2RvG/33/ – WebDev

這將做一招

jQuery的

$(document).ready(function() { 

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

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

});

DEMO

來源

2016-08-29 05:04:45 Fiido93

腳本

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

您不需要迭代。 Jquery爲你做。只需設置屬性。

希望它有幫助。乾杯!

來源

2016-08-29 03:09:12

試試這個

$(document).ready(function() { 

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

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

    }); 
});

來源

2016-08-29 03:11:32

不應該是數據屬性是不是a的父母是a。包裝器？（$（this）.attr（'data-lity'，''）; – gavgrif

將數據屬性添加到類別下的所有圖像

回答

相關問題