jquery遍历表格每一行值

来源：互联网发布：淘宝网站数据下载方法编辑：程序博客网时间：2024/06/11 09:15

例：遍历序号和价格， 0 元素和2元素

（要引入的jquery :jquery-1.10.2.min.js)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>js测试</title><script src="jquery-1.10.2.min.js"></script></head><body><a href="#" onclick="WeiXinAddContact('meiermall')">关注</a><table id="tb" width="200" border="1">  <tr>    <td>1</td>    <td>2</td>    <td>3</td>    <td class="del">删除</td>  </tr>  <tr>    <td>yi</td>    <td>er</td>    <td>san</td>    <td class="del">删除</td>  </tr>  <tr>    <td>一</td>    <td>二</td>    <td>三</td>    <td class="del">删除</td>  </tr></table><button id="btn">更新</button><script>$(function(){  var allxu='',allprice='';  $('#btn').on('click',function(){    $('#tb tr').each(function(i){      var xu = $(this).children('td').eq(0).text();      var price = $(this).children('td').eq(2).text();      allxu=allxu+xu+',';      allprice=allprice+price+',';      alert(xu);       alert(price);         //ajax(allxu,allprice)传值  后台更新价格    })  })  })</script></body></html>

0 0

jquery遍历表格 每一行 值

jquery遍历表格每一行值