jquery遍历table的tr获取td的值实现方法

1.

<table>
<tbody id="areaItems">
<tr name="areaItem" class="mt area_item" ref="1">
<td><span class="areaSort"><b>热区1</b></span></td>
<td><input type="hidden" class="ipt_border area_title" value="热区1"></td>
<td>链接:<input type="text" value="http://baidu.com"></td>
<td>位置:<input type="text" class="areaMapInfo" value="0,0,120,80"></td>
<td><a href="javascript:;" class="second_btn ml delete">删除</a></td>
</tr>
<tr name="areaItem" class="mt area_item" ref="2">
<td><span class="areaSort"><b>热区2</b></span></td>
<td><input type="hidden" class="ipt_border area_title" value="热区 2"></td>
<td>链接:<input type="text" value="http://baidu.com"></td>
<td>位置:<input type="text" class="areaMapInfo" value="260,13,353,112"></td>
<td><a href="javascript:;" class="second_btn ml delete">删除</a></td>
</tr>
<tr name="areaItem" class="mt area_item" ref="3">
<td><span class="areaSort"><b>热区3</b></span></td>
<td><input type="hidden" class="ipt_border area_title" value="3"></td>
<td>链接:<input type="text" value="http://baidu.com"></td>
<td>位置:<input type="text" class="areaMapInfo" value="0,0,90,30"></td>
<td><a href="javascript:;" class="second_btn ml delete">删除</a></td>
</tr>
</tbody>

</table>

2.

var trList = $("#areaItems").children("tr");

var areas= new Array();//声明数组
for (var i=0;i<trList.length;i++) {
   var tdArr = trList.eq(i).find("td");
   //var history_income_type = tdArr.eq(0).find("input").val();//收入类别
   var bb1= tdArr.eq(1).find("input").val();//  链接名字(相当于排名)
   var bb2= tdArr.eq(2).find("input").val();//  链接
   var bb3= tdArr.eq(3).find("input").val();//  位置
   
   areas.push(new obj(bb1,bb2,bb3));
}
}
function obj(areaTitle,areaLink,areaMapInfo) {
this.areaTitle=areaTitle;
   this.areaLink=areaLink;
   this.areaMapInfo=areaLink;
}

猜你喜欢

转载自blog.csdn.net/qq_37164847/article/details/80239813