javascript - 选择图像时获取类中的所有 id

Question

我在一个 div 中上传的图像很少，我想将它们移动到另一个 div 并更新数据库表。为此，我需要所选图像的 ID 以及要移动到的 div 的名称。

我使用复选框获得了所选图像的 ID，但我不确定如何最终获得所有 ID。

function MoveImages(){
   for ( var i = 0; i < $(".ct input[type=checkbox]:checked").length; i++) {
        var element = $(".ct input[type=checkbox]:checked")[i];
        var parent = element.parentNode;
        var id = parent.getAttribute('id');     
    }
 }

我怎样才能得到所有的id？ 这就是我的类(class)的样子。

<div class="ct" id="559429bc0d559162552c9728">
       <input type="checkbox" class="remove">
      <img src="/image?id=c9728" data-src="random.JPG"  id="previewImagec9728">
</div>

move 函数应该返回所有 id。

Answer 1

使用 JQuery 的 $.each、substring 和 JS 数组方法，您可以获取原始 ID 并将它们放入数组中，如下所示:

var ids = [];

//For each element that matches ".ct input[type=checkbox]:checked".
$.each($('.ct input[type=checkbox]:checked'), function() {
    //Find the image element, get the id value, and strip the first 12 characters.
    var id = $(this).find('img').attr('id').substring(12);
    //Put ID in array.
    ids.push(id);
});