如何将一系列img标签添加到数组中？

Question

我添加到阵列中的网址，每次我点击复选框

$("body").on("change", ".grid .thumbnail :checkbox", function() { 
    var urls = []; 
    $(":checkbox:checked").each(function() { 
     urls.push($(this).next("label").find("img").attr("src")); 
    }); 
    $("#usp-custom-4").val("<img src=" + urls.join(">")); 
    }); 

我想实现的输出是：

<img src="img.jpg"> 
<img src="img2.jpg"> 

这行是我的问题是：

$("#usp-custom-4").val("<img src=" + urls.join(">")); 

我试图修改我有的其他行：

$("#txtarea").val("<li>" + urls.join("</li><li>") + "</li>"); 

目前通过点击复选框2我有：

<img src=img.jpg>img2.jpg 

我没有" "在src和第二张图片是不是src和img标签内

Answer 1

希望这有助于：

$('body').on('change', '.grid .thumbnail :checkbox', function() { 
    var urls = [ 
    ]; 
    $(':checkbox:checked').each(function() { 
    urls.push($(this).next('label').find('img').attr('src')); 
    }); 
    var str = ''; 
    urls.forEach(function (url) { 
    str += '<img class="image-add" src="' + url + '"/>'; 
    }); 
    $('#usp-custom-4').val(str); 

    // toggle check/unchecked via class 
    $('.image-add').click(function() { 
    var ele = $(this); 
    var isChecked = ele.attr('checked'); 
    if (isChecked != 'true') { 
     ele.addClass('checked'); 
     ele.attr('checked', 'true'); 
    } 
    else { 
     ele.removeClass('checked'); 
     ele.attr('checked', 'false'); 
    } 
    }); 
});