jquery选择器深入理解—以取表格元素为例

今天在公司接了个小活,在表格中实现简单的累加功能,如下图所示
jquery选择器深入理解—以取表格元素为例_第1张图片
第二列第A行等于第一列第1~A行之和。本来觉得做起来很简单,最后确实是很简单,但是在jQuery中选择器上吃了个大亏,又去复习了jQuery中的选择器。接下来我就着重说一下如何熟练地使用jQuery控制表格元素


表格实例

1
2

比如我现在要在js中获取第一行第一列的元素

	 //第一种方法
	 var test = $("#table1 tr");
	 //eq表示同类元素中的某一个,类似于数组用下标取元素;children表示子元素
	 test = test.eq(0).children("td").eq(0).children("input").val();
	 
	 //第二种方法
	 var test_=$("#table1 tr:eq(0) td:eq(0) input").val();

掌握这种规律,再复杂的表格元素想怎么取就怎么取


你可能感兴趣的:(JavaWeb)