Question

我想创建以下HTML：

<div>
   <img src="random.png">
   <input type="radio">
   <input type="radio">
</div>

这是jquery代码：

  $("#main").append(
    $("<div>").append(
      $("<img>").after(
        $("<input>").attr({type:"radio", value:"Manmade", checked:"checked"}).after(
          $("<input>").attr({type:"radio", value:"Natural"})
        )
      )
    )

但是只显示图像，而不是按钮。我该如何解决这个问题？

<div id="275">
    <img src="random.png">
</div>

Answer 1

after在这里没有任何意义，如果你想在附加内容之后放置一些东西，只需在它之后附加它。

只需用逗号

分隔即可附加多个元素

$("#main").append(
    $("<div />").append(
        $("<img />"),
        $("<input />", {
            type    : "radio", 
            value   : "Manmade", 
            checked : "checked"
        }),
        $("<input />", {
            type  : "radio", 
            value : "Natural"
        })
    )
)

FIDDLE

嵌套使用后的Jquery

1 个答案: