文章/答案/技术大牛

发布

社区首页 >问答首页 >使用jQuery动态加载图像和添加ID属性

问使用jQuery动态加载图像和添加ID属性
EN

Stack Overflow用户

提问于 2014-05-23 13:33:34

回答 1查看 2.5K关注 0票数 0

我是动态加载图像之间的每个无序的列表标签。现在，我想为每个动态加载的图像添加一个唯一的id。我认为问题是jQuery无法迭代图像，因为图像是动态加载的？因此，我尝试遍历无序的列表标记，然后将生成的索引(i)编号作为相应的图像ID，但这也不起作用。

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>

jquery

attr

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-05-23 13:45:31

您需要更改代码：

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/

您也可以同时传递完整的属性，而不是单独传递。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/23830664

复制

相似问题

问使用jQuery动态加载图像和添加ID属性
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery动态加载图像和添加ID属性EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery动态加载图像和添加ID属性
EN