jquery访问table子元素tr访问不到的问题

表格如下

<table width="100%" border="0" cellspacing="1" cellpadding="0" class="tab_4" id="levelSetting">
	<tr>
		<th>等级名</th>
		<th>等级值</th>
	</tr>
	<tr>
		<td>

			<span class="tab_txtf">

			<input name="" type="text" size="20"  value="" class='key easyui-validatebox' data-options='required:true' />

			</span><span class="tab_tatch" οnclick='javascript:copyKeyToNext(this);'></span>

		</td>
		<td>

			<span class="tab_txtf">

			<input name="" type="text" size="20" value="" class='value easyui-numberbox' data-options='required:true' />

			</span>

			<span class="tab_tatch" οnclick='javascript:copyValueToNext(this);'></span>

		</td>
	</tr>
</table>

$("#levelSetting").children(":last").after($("#levelSetting").children().find("tr:last").clone(true));

左看右看，唉，没问题啊，搞了好长时间，最后问同事后才知道jquery查询table的子元素时，访问的是theader,tbody,tfootor，而并不是直接访问tr元素，所以查询完子元素后还要使用find方法进行过滤。

代码如下：

$("#levelSetting").children().find("tr:last").after($("#levelSetting").children().find("tr:last").clone(true));

 

最终问题解决了。