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;
}

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值