配列に一連のimgタグを追加するには？

Question

私は、チェックボックスをクリックするたびに配列にURLを追加してい

$("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>"); 

0を

現在2つのチェックボックスをクリックすることで、私が持っています：

<img src=img.jpg>img2.jpg 

を私はsrcには" "を有していない午前と第二のimgタグ

Answer 1

は、この情報がお役に立てば幸いですsrcとimg内ではありません：

$('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'); 
    } 
    }); 
});