jquery获取table中的某行全部td的内容方法

最新推荐文章于 2021-03-28 15:33:23 发布

转载最新推荐文章于 2021-03-28 15:33:23 发布 · 664 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/gscq073240/articles/6432196.html

文章标签：

#javascript #ViewUI

本文介绍了一种使用jQuery从HTML表格中提取特定行所有单元格内容的方法，并提供了具体的JavaScript函数实现，包括如何获取td元素内的文本和选择器选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

作者：

jquery获取table中的某行全部td的内容方法，需要的朋友可以参考一下

代码如下:

<table>
<tr class="PurViewData" id="trid95">
<td>14</td>
<td id="95">
  <a style="color:#0000CC" href="/PurviewManage/AddPurview?id=95">TopParty优惠</a>
</td>
<td> 
  <select id="Select1"> 
    <option value="-1" selected="selected">请选择角色</option> 
    <option value='2'>系统管理员</option>
    <option value='3'>系统管理员2</option>
    <option value='6'>系统管理员3</option>
    <option value='23'>系统管理员4</option>
    <option value='26'>系统管理员5</option>
  </select>
</td> 
<td>
  <select id="Select2"> 
    <option value="-1" selected="selected">请选择权限</option> 
    <option value='1'>搜索</option><option value='2'>访问</option><option value='3'>创建</option><option value='4'>修改</option>
  </select>
</td>
<td>
  <a style="color:#0000CC" href="#" id="delecte95" onclick="Bind(this,this.id);">添加</a>
  <a style="color:#0000CC" href="#" onclick="test1(this.id,this);">删除</a>
</td>
</tr>
</table>
 

<script>
function Bind(thisObj, thisObjID) {
  alert("Bind");
  var $td = $(thisObj).parents('tr').children('td');

  // alert($td.eq(0).text()); //第一个td的内容

  // alert($td.eq(1).text());//第二个td的内容
  // alert($td.eq(2).find("select").val());//第三个td的内容的selected的值
  // alert($td.eq(3).find("select").val());

  var resourceBlockID = $td.eq(1).attr("id");//第二个Td的ID的值，attr("id");获取该对象的Id值
  var roleId = $td.eq(2).find("select").val();
  var operationId = $td.eq(3).find("select").val();
  alert("资源Id" + resourceBlockID);
  alert("角色Id" + roleId);
  alert("操作ID" + operationId);

  var helptime = new Date().getTime();
}
</script>

通过按钮本身获取td内容方法:

$(this).parent().sibling(":first").html();//input的父元素（td）的第一个兄弟元素
或者
$(this).parent().parent().children(":first").html();//找到tr取第一个子元素

转载于:https://www.cnblogs.com/gscq073240/articles/6432196.html