jQuery动态将数据添加到div

The*_*ner 3 jquery

<div class="sample">
</div>
Run Code Online (Sandbox Code Playgroud)

我想在单击时将数据添加到示例div。我能够获得此功能的数据。已通过警告验证,但未附加到示例div。

$("#editsubmit").click(function(){

                  var val = $('[name=name111]').val();
                    var newHTML = '<input type="checkbox" name="'+val+'<br>';
                    $("#sample").append( newHTML );

           });  
Run Code Online (Sandbox Code Playgroud)

Sur*_*tta 5

Classid属性不匹配。您已指定为类,然后选择ID

 $(".sample").append( newHTML );
Run Code Online (Sandbox Code Playgroud)

或将div更改为

<div id="sample">  and then  $("#sample").append( newHTML );
Run Code Online (Sandbox Code Playgroud)