Динамически загружаемые изображения и добавление идентификатора атрибута с помощью jQuery

Question

Динамически загружаемые изображения и добавление идентификатора атрибута с помощью jQuery

0

Я динамически загружаю изображения между каждым неупорядоченным тегом списка. Теперь я хотел бы добавить уникальный идентификатор для каждого изображения, динамически загруженного. Я считаю, что проблема заключается в том, что jQuery не может выполнять итерацию изображений, потому что изображения динамически загружаются? Поэтому я попытался выполнить итерацию с помощью неупорядоченных тегов списка, а затем поместить сгенерированный индекс (i) в качестве соответствующего идентификатора изображения, но он тоже не работает.

JQuery:

var img = $("<img />"), li = $('li');

li.append(img);

li.each(function(i){
    img
    .attr( "id", i )
    .attr("src", "img/" + i + ".png")
    .attr("alt", "image" + i);
});

HTML:

<ul>
<li><!--<img id="01" src="img/01.png" alt="image01/>--></li>
<li><!--<img id="02" src="img/02.png" alt="image02"/>--></li> 
<li><!--<img id="03" src="img/03.png" alt="image03"/>--></li> 
<li><!--<img id="04" src="img/04.png" alt="image04"/>--></li> 
....
</ul>

K K 23 май 2014, в 16:27

Источник

0

Можете ли вы создать пример jsFiddle.net, который воспроизводит проблему?
j08691 23 май 2014, в 13:41
0

Происходит то, что jquery выводит только изображения img / 12.png, а не изображения с 1 по 12.png для каждого li. Я выложу скриншот проблемы выше. jsfiddle.net/jbryant/F6z7R
user1584751 23 май 2014, в 14:30
0

Какова цель здесь? Вы хотите превратить изображения в комментариях в живые изображения? Я смущен вашими примерами.
j08691 23 май 2014, в 14:35

Показать ещё 1 комментарий

Теги:

jquery

attr

1 ответ

Ещё вопросы

Можете ли вы создать пример jsFiddle.net, который воспроизводит проблему?
Происходит то, что jquery выводит только изображения img / 12.png, а не изображения с 1 по 12.png для каждого li. Я выложу скриншот проблемы выше. jsfiddle.net/jbryant/F6z7R
Какова цель здесь? Вы хотите превратить изображения в комментариях в живые изображения? Я смущен вашими примерами.

K K · Accepted Answer · 2014-05-23T11-41-00.000Z

Вам нужно изменить свой код:

var li = $('ul li');
li.each(function (i) {
    var img = $("<img />");
    img.attr({
        "id": i,
        "src": "img/" + i + ".png",
        "alt": "image" + i,
    });
    $(this).append(img);
});

Демо: http://jsfiddle.net/lotusgodkk/GCu2D/150/

Вы можете передавать полные атрибуты одновременно и вместо того, чтобы проходить индивидуально.

Спасибо @kamleshKushwaha отлично работает :)