Javascript 如何向数组中添加一系列img标记？

每次单击复选框时，我都会向数组中添加一个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(">"));
  });

$（“body”）.on（“更改”，“网格.缩略图：复选框”，函数（）{
var url=[]；
$（“：复选框：选中”）。每个（函数（）{
url.push（$（this.next（“label”）.find（“img”）.attr（“src”））；
});
美元（“#usp-custom-4”）.val（“”）；
});

我试图实现的输出是：

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

这一行是我的问题所在：

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

$（“#usp-custom-4”）.val（“”）；

我试图修改我的另一行：

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

$（“#txtarea”）.val（“
”+url.join（“
”）+”
”）；

当前通过单击我拥有的两个复选框：

<img src=img.jpg>img2.jpg

img2.jpg

我在

src

中没有

”

，第二个img不在

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

$（'body'）.on（'change'，'grid.缩略图：复选框'，函数（）{
变量URL=[
];
$（'：复选框：选中'）。每个（函数（）{
push（$（this）.next（'label'）.find（'img'）.attr（'src'））；
});
var-str=''；
forEach（函数（url）{
str+=''；
});
$（'usp-custom-4'）.val（str）；
//通过类切换检查/取消检查
$（'.image add'）。单击（函数（）{
var ele=$（本）；
var isChecked=ele.attr（'checked'）；
如果（已检查！=“true”）{
ele.addClass（“选中”）；
ele.attr（'checked'，'true'）；
} 
否则{
ele.removeClass（“选中”）；
ele.attr（'checked'，'false'）；
}
});
});

希望这有助于：

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

$（'body'）.on（'change'，'grid.缩略图：复选框'，函数（）{
变量URL=[
];
$（'：复选框：选中'）。每个（函数（）{
push（$（this）.next（'label'）.find（'img'）.attr（'src'））；
});
var-str=''；
forEach（函数（url）{
str+=''；
});
$（'usp-custom-4'）.val（str）；
//通过类切换检查/取消检查
$（'.image add'）。单击（函数（）{
var ele=$（本）；
var isChecked=ele.attr（'checked'）；
如果（已检查！=“true”）{
ele.addClass（“选中”）；
ele.attr（'checked'，'true'）；
} 
否则{
ele.removeClass（“选中”）；
ele.attr（'checked'，'false'）；
}
});
});

为什么不使用

createElement

或JQuery创建

img

元素，更改src，然后追加它？为什么不使用

createElement

或JQuery创建

img

元素，更改src，然后追加它？这一行上有一个结束符（str+=“”）；还有一件事，有没有添加/删除复选框的方法？类似这样的模拟？希望它仍然有用！这一行有一个结束符（str+=''）；还有一件事，有没有添加/删除复选框的方法？类似这样的模拟？希望它仍然有用！