如果包含图像作为子图像，则设置数据属性

Question

To get my lightbox working, I am trying to set the data attribute "lightbox" on links that contain an image as a child. This doesn't seem to work too well. I have this fiddle .

var links = $(".single .entry-content a");
links.each(function () {
    if ($(this).children("img").length > 0) {
        $(this).data("lightbox","image-gallery");
        console.log("test");
    }
});

The console logs, but the data-attribute isn't set. What did I do wrong?

Answer 1

Try

$(".single .entry-content a:has(> img)").attr('data-lightbox', 'image-gallery')

Demo: Fiddle

Answer 2

jQuery's .data() function does not add data attributes, but instead uses it's own internal storage mechanism. To actually change the attribute, you'll need to use attr() :

$('.single .entry-content a').has('> img').attr('data-lightbox', 'image-gallery');