2014-02-06 2 views
1

У меня есть список изображений в контейнере (this.element), и я хочу получить идентификатор каждого из этих изображений.Получите идентификатор каждого изображения в контейнере

У меня есть ниже, но мне говорят, что 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> 
+0

'console.log (this.id);' –

ответ

2

Попробуйте это,

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

'id' должен быть в кавычках, но yep, делает трюк. Благодарю. –

+0

@DavidGard спасибо – dhana

4

Вы можете получить идентификатор элемента просто с помощью this.id

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

Попробуйте использовать:

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

или :

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

Fiddle Demo

+0

Спасибо, это делает. –

+0

@DavidGard Рад, что это помогло :) – Felix

1

Если вам нужно использовать (index, value) ... это один работает: http://jsfiddle.net/AR3sm/2/

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

во-первых, часть вашего HTML кажется для комментариев.

во-вторых, при условии, что this.element вы имеете в виду сНу теге код JQuery должен быть

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

посмотреть демо на http://jsfiddle.net/WEr22/1/

Смежные вопросы