如何使用JQuery

Question

我是JQuery的新手，我正在尝试将行追加到现有的表中。

1. 代码有什么问题？

2. 如何在不指定列中的值的情况下插入空行？

3. 有更好的方法吗？怎么样？

＆＃13;
＆＃13;
$(document).ready(function () {			 
			 var tbl = $('#mytable');
			 appendTableRow(tbl)
		});
		
		function appendTableRow(table) {			   
			var newrow = '';

			newrow += "<tr>";
			newrow += "<td>21</td>";
			newrow += "<td>22</td>";
			newrow += "</tr>";
			 			
			table.find('tbody tr:last').append(newrow);     
		}
＆＃13;
table {
		border-collapse: collapse;
	}

	table td {
		border: 1px solid black;
	}  
  
  table th {
		border: 1px solid black;
	}
＆＃13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="mytable">
	  <thead>
		<th>Col1</th>
		<th>Col2</th>
	  </thead>
	  
	  <tbody>
		<tr>
		  <td>11</td>
		  <td>12</td>
		</tr>
	  </tbody>
	</table>
＆＃13;
＆＃13;
＆＃13;

Answer 1

1） 以编程方式，它工作正常。

（我几乎觉得这是一个技巧问题）

2）而不是newrow += "<td>21</td>";使用newrow += "<td> </td>";？

3）有更好的方法吗？怎么样？

^这些类型的问题在这里是偏离主题的。

Answer 2

你的代码很好。只需附加到tbody。

$(document).ready(function () {			 
			 var tbl = $('#mytable');
			 appendTableRow(tbl)
		});
		
		function appendTableRow(table) {			   
			var newrow = '';

			newrow += "<tr>";
			newrow += "<td>21</td>";
			newrow += "<td>22</td>";
			newrow += "</tr>";
			 			
			$('tbody').append(newrow);     
		}

table {
		border-collapse: collapse;
	}

	table td {
		border: 1px solid black;
	}  
  
  table th {
		border: 1px solid black;
	}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="mytable">
	  <thead>
		<th>Col1</th>
		<th>Col2</th>
	  </thead>
	  
	  <tbody>
		<tr>
		  <td>11</td>
		  <td>12</td>
		</tr>
	  </tbody>
	</table>