jquery - 如何使用jquery在一行中附加2个html元素

Question

我想将一些 html 内容附加到一个列表中，以像这样结束，

<ul>
<li>
<input />
<label><img></label>
</li>
</ul>

我正在使用 append 方法来提高可读性，但是“输入”嵌套了其他 html 元素（我认为这很正常），如何使用 append 方法实现显示的上层形式？

  function updateFunction(id, image, label) {
    $.colorbox.close();

    $("#checkbox_list").append(
    $("<li/>", {
      "id": "medias_bloc_"+id,
      html: $("<input/>", {
        "type": "checkbox",
        "value": id,
        "class": "check_box",
        "checked": "checked"
      })
    })
  );

    $("#medias_bloc"+id).append(
    $("<label/>", {
      "for": "medias_list_"+id,
      "html": $("<img/>", {
        "src": "/uploads/Media/thumb/"+image,
        "width": 100,
        "height":100
      })
    })
  );

  }

谢谢

Answer 1

尝试这个：

$("<li/>", {
  "id": "medias_bloc_"+id,
  html: $("<input/>", {
    "type": "checkbox",
    "value": id,
    "class": "check_box",
    "checked": "checked"
  })
}).append(
$("<label/>", {
  "for": "medias_list_"+id,
  "html": $("<img/>", {
    "src": "/uploads/Media/thumb/"+image,
    "width": 100,
    "height":100
})

该<label>元素将直接附加到该<li>元素。

Answer 2

简单的。只需更改此行：

    $("#medias_bloc"+id).append(

对此：

    $("#checkbox_list").append(

编辑：不，等等，误读您的代码；这行不通。