Question

我有一些形式的图像，并希望用javascript获取每个图像ID，我有一个代码，但它不起作用。

HTML代码;

<form id="form1"> 

<img src="..." id="img1">
<img src="..." id="img2">
<img src="..." id="img3">


</form>

JavaScript代码;

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

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

如何以表格形式获取每张图片ID？

感谢。

Answer 1

试试这个

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

Answer 2

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);
    });
});

Answer 3

从尝试匹配表单的选择器中删除descendant combinator。

ID为“form1”的元素是表单，而不是它的后代。

form[id='form1']

您可能还需要考虑使用id选择器而不是属性选择器。

form#form1

JavaScript在表单中获取图像ID

3 个答案: