为什么jQuery append函数不附加表格？

Question

我一直在寻找这里在stackoverflow，发现许多批准的答案，但没有人可以帮助我。

所以，我基本上可以拿出这张桌子是代码

<table id="tableid" class="table table-responsive"> 
    <thead> 
    <tr> 
     <th>header1</th> 
     <th>header2</th> 
    </tr> 
    </thead> 
    <tbody id="tbItems"> 
    <tr> 
     <td>item1</td> 
     <td>item2</td> 
    </tr>  
    </tbody> 
</table> 
    <button type="button" id="btnAddItem" onclick="addProduct">Add</button> 

和这个js代码

var $tableS = $('#tableid'); 

function addProduct() { 
    $tableS.append("<tr><td>item2</td><td>item2</td></tr>"); 
} 

，但我有0想法，为什么它不工作。 谢谢！

链接的jsfiddle：https://jsfiddle.net/LvvbLcn2/1/

Answer 1

你错过了在onclick属性括号：

<button type="button" id="btnAddItem" onclick="addProduct">Add</button> 

这里上的jsfiddle工作示例：

https://jsfiddle.net/LvvbLcn2/6/

Answer 2

请看看这个链接

https://jsfiddle.net/LvvbLcn2/1/

$(document).ready(function(){ 
    var $tableS = $('#tableid'); 

    $("#btnAddItem").on("click", function(){ 
     $tableS.append("<tr><td>item2</td><td>item2</td></tr>"); 
    }); 
}); 

1. 包括jquery的链路
2. 包括内部的document.ready