Question

因此，标题状态我想将数据附加到具有特定类的特定类型（在我的情况下是div）。我的问题是，因为我不知道如果以后我会添加更多的项目或使用其他div或同一类的孩子我想避免使用：第n个孩子的方法。我的代码如下：

HTML

<form name="checkListForm">
        <input type="text" name="checkListItem"/>
    </form>
    <div id="button">Add!</div>
    <div class="list"></div>

JS / Jquery的

$(document).ready(function(){
    $("#button").click(function(){
        var toAdd = $("input[name=checkListItem]").val();    
        $("").append(toAdd);
    })
});

现在知道最后一行缺少一些代码，但那是我无法弄清楚的部分。（我是Jquery的新手）在按钮上单击我想将输入添加到列表中。

我正在思考

$("div").append(toAdd);

但是这会将输入添加到所有可用的div。

任何额外的解释都会非常令人沮丧！

我应该补充一点，对于那些没有猜到已经添加的项目需要在div中使用class =“list”

Answer 1

$(document).ready(function () {
       $('#button').click(function () {
           $('div.list').append($('input[name=checkListItem]').val());
       });

   });

它使用名称属性值checkListItem

的输入数据附加到div内容

Answer 2

关注jquery doc： https://api.jquery.com/clone/

 Taxa   X1      X2      X5
 118    T       N       A
 113    N       N       A
 60     C       Y       G
 121    N       N       N

但请注意，您不希望属性名称相同。

附加到具有特定类

2 个答案: