JavaScript Получение изображений в форме

У меня есть некоторые изображения в форме и вы хотите, чтобы каждый идентификатор изображений с javascript, у меня есть код, но он не работает.

HTML-коды;

<form id="form1"> 






</form>

Коды JavaScript;

var image=$("form [id='form1']").find('img');

 var i0=image[0].attr('id');
 var i1=image[1].attr('id'); 
 .........

Как я могу получить каждый идентификатор изображения в форме?

Благодарю.

3 ответа

Попробуй это

var arr = [];
$('#form1 img').each(function(i, v){
 arr.push($(this).attr('id'))
})
console.log(arr);


http://jsfiddle.net/0xjhvq5r/1/

// Start when document is done with loading
$(document).ready(function() {

 // jQuery puts automaticlly all images in an array, if you're selector fits on more html elements
 var $images = $('#form1 img');

 // With this easy loop you select each img in the array and make many magic with this element
 $images.each(function() {
 var $image = $(this),
 imgId = $image.attr('id');
 console.log(imgId);
 });
});


Удалите комбинатор потомков из селектора, который пытается соответствовать форме.

Элемент с идентификатором "form1" является формой, а не потомком.

form[id='form1']

Возможно, вам захочется использовать селектор id вместо селектора атрибутов.

form#form1

licensed under cc by-sa 3.0 with attribution.