Question

我试图从图库中的每个图片中获取alt属性，然后将该文本作为类添加到同一图像中。

到目前为止我已尝试过这个：

(document).ready(function(){

    var $grid = $('.gallery').imagesLoaded( function() {

    console.log ($(".gallery-item").length);
    // I get 14, the number of images in my gallery.

    $(".gallery-item").each(function() {
         var alt = $(this).attr( "alt" );
         console.log(alt);
         // I get 14 undefineds
         $(this).addClass(alt);
});

Answer 1

尝试：

var alt = $(this).find("img").attr("alt");

$(this).addClass(alt);

Answer 2

alt属性不是必需的，因此某些img可能没有该属性。如果您可以发布您的HTML，我相信我们可以更有用。

无论如何，真正的问题是alt属性可以包含不允许的字符，或者如果用作类可能会产生一些问题。例如，alt可以包含空格，但这意味着class属性中的2个类（例如＆＃34;球的图像＆＃34;如果您将此文本放在class属性中，则alt会产生4个类）

所以如果你想这样做，我建议你至少用一些角色替换所有空格（＆＃34; - ＆＃34;或＆＃34; _＆＃34;可以没问题）。

从图像中获取alt属性，并将其作为类添加到同一图像中

2 个答案: