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

最新推荐文章于 2024-07-03 03:02:19 发布

无敌超人007

最新推荐文章于 2024-07-03 03:02:19 发布

阅读量6.7k

点赞数

分类专栏： jquery 文章标签： jquery table

本文链接：https://blog.csdn.net/maxoracle/article/details/52954969

版权

jquery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<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>
</head>
<body>
<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" οnclick="Bind(this,this.id);">添加</a>
        <a  style="color:#0000CC" href="#" οnclick="test1(this.id,this);">删除</a>
    </td>
</tr>
   </table> 
</body>
</html>