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>

赞 (0)

相关推荐

  • jQuery实现获取table中鼠标click点击位置行号与列号的方法

    jQuery实现获取table中鼠标click点击位置行号与列号的方法

    本文实例讲述了jQuery实现获取table中鼠标click点击位置行号与列号的方法.分享给大家供大家参考,具体如下: 先来看看运行效果: 具体代码如下: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>www.jb51.net 鼠标点击位置行列号</title> </head> <bo

  • jquery实现table鼠标经过变色代码

    复制代码 代码如下: $('#<%=AllEvent.ClientID%> tr:not(:has("th"))').hover(function () { $bg = $(this).css('background-color'); $(this).css('background-color', '#ffc4c6'); }, function () { $(this).css('background-color', $bg); });

  • jQuery插件dataTables添加序号列的方法

    官网方法实例: $(document).ready(function() { var t = $('#example').DataTable({ "columnDefs": [{ "searchable": false, "orderable": false, "targets": 0 }], "order": [[1, 'asc']] }); t.on('order.dt search.dt', func

  • jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法

    本文实例讲述了jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法.分享给大家供大家参考,具体如下: JS鼠标双击事件 onDblClick <td width="10%" title="双击修改" ondblclick="ShowElement(this,<%#Eval("id") %> </td> 这里的本人用绑定的值是传的当前行对应的ID号 function ShowEle

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

    html代码: <tbody id="history_income_list"> <tr> <td align="center"><input type="text" class="input-s input-w input-hs"></td> <td align="center"><input type="text&q

  • jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)

    jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)

    本文实例讲述了jQuery实现鼠标跟随提示层效果代码.分享给大家供大家参考,具体如下: 运行效果截图如下: Web网站有不少需要用到tip提示层的地方,结合jquery的jquery.cluetip.js ,可以实现本地字符或ajax异步调用显示提示层.如以上购评分明细提示.(优势:宽度需要调用页加载时定义,高度auto , 且三角指定图标能根据显示层的大小位置来调用它的位置,达到醒目直观的效果) jquery.cluetip.css /* global */ #cluetip-close im

  • jQuery实现table隔行换色和鼠标经过变色的两种方法

    一.隔行换色 复制代码 代码如下: $("tr:odd").css("background-color","#eeeeee"); $("tr:even").css("background-color","#ffffff"); 或者一行搞定: 复制代码 代码如下: $("table tr:nth-child(odd)").css("background-col

  • jQuery操作表格（table）的常用方法、技巧汇总

    以下列出13个jQuery操作table常用到的功能: 1.鼠标移动行变色 复制代码 代码如下: $('#table1 tr').hover(function(){    $(this).children('td').addClass('hover')}, function(){    $(this).children('td').removeClass('hover')}); 方法二: 复制代码 代码如下: $("#table1 tr:gt(0)").hover(function()

  • JQuery动态给table添加、删除行 改进版

    复制代码 代码如下: <html> <head> <title> </title> <script src="js/jquery-1.4.2_min.js" type="text/javascript"></script> <script type="text/javascript" language="javascript"> var row

  • jQuery实现table中的tr上下移动并保持序号不变的实例代码

    jQueryMoveTr.html 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>jQuery-bhang</TITLE> <script type="text/javascript" src="jquery-1.6.2.js"></sc

  • jquery实现的鼠标拖动排序Li或Table

    1.前端页面 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="拖动排序Li或Table.aspx.cs" Inherits="拖动排序Li或Table" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http

随机推荐