Question

我在容器中有一个图像列表（this.element），我希望得到每个图像的ID。

我有以下内容，但我被告知value.attr is not a function。

我做错了什么？感谢。

var images = this.element.find('img');
$.each(images, function(index, value){
    console.log(value.attr(id));
});

我的HTML示例 -

<div id="front-page-gallery" class="image-gallery"> <!-- This is `this.element` above -->
    <img id="image-7293" class="active" title="Home Page 1" src="http://www.example.com/wp-content/uploads/2014/02/Home-Page-1.jpg">
    <img id="image-7294" title="Home Page 2" src="http://test.example.com/wp-content/uploads/2014/02/Home-Page-2.jpg">
    <img id="image-7295" title="Home Page 3" src="http://test.example.com/wp-content/uploads/2014/02/Home-Page-3.jpg">
</div>

Answer 1

您只需使用this.id

即可获取元素的ID

var images = this.element.find('img');
$.each(images, function(){
    console.log(this.id);
});

Answer 2

尝试使用：

$.each(images, function(index, value){
    console.log(this.id);
});

或：

$.each(images, function(index, value){
    console.log($(value).attr('id'));
});

Fiddle Demo

Answer 3

试试这个，

$('img').each(function(){
    console.log($(this).attr('id'));
});

Answer 4

如果您需要使用(index, value) ...这个也适用：http://jsfiddle.net/AR3sm/2/

$.each(images, function(index, value){
    alert($(value).attr('id'));
});

Answer 5

首先，您的html的一部分似乎已被评论。

其次假设通过this.element你指的是div标签，jquery代码应该是

$.each(images, function(index, value){
    console.log($(value).attr("id"));
});

请参阅http://jsfiddle.net/WEr22/1/上的演示

获取容器中每个图像的ID

5 个答案: