jq 操作table

转载于:http://www.jb51.net/article/34633.htm

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>

时间: 2024-12-19 08:49:03

jq 操作table的相关文章

jq操作table追加td

示例 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script> </head>

汇总常用的jQuery操作Table tr td方法

虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下次再使用的到时候,会让你如鱼得水,提高开发效率. 1.鼠标移动行变色  $("#table1 tr").hover(function(){ $(this).children("td").addClass("hover") },function(){

JQ 操作样式,单选按钮跟复选框

<!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> <title></title> <scri

jq操作cookie

<!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> <title></title> <scr

JQ 操作样式,背景切换

<!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> <title></title> <sty

jQuery操作Table tr td方法大全

虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下次再使用的到时候,会让你如鱼得水,提高开发效率. 1.鼠标移动行变色  $("#table1 tr").hover(function(){ $(this).children("td").addClass("hover") },function(){

第十三篇 JS 操作table表格

JS 操作table表格 这节课难度可能高一点,因为没有提前解释if判断.for循环.这节课是直接把这两样用上了,老师先简单介绍一下: if,判断语句,判断就很简单了嘛,假如说1=1(1等于1),当然是真的了对吧,那么1=2呢,那就是假的,因为正常情况下,1不可能等于2,1就是1.那么我们在JS里写一个: var a=1; if(a=1){ alert('正确'); }else{ alert('错的'); } 给一个变量,来做判断,大家记住,if也有它的规则,先一个if,圆括号做判断,随后一个花

js实现动态操作table

 本章案例为通过js,动态操作table,实现在单页面进行增删改查的操作. 简要案例如下: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%&

JQuery操作Table元素

使用Jquery操作Table中的tr向上或向下移动,以及全选和反选操作. 点击Table Head中的复选框,全选或反选表格中所有的复选框; 选中复选框,点击Up 按钮, tr上移;点击 Down 按钮,tr 下移. ASPX代码: <table border="0" cellpadding="3" cellspacing="1"> <tr> <td>    </td> <td align=