jQuery怎么遍历表格，获取每一列的值

<table

class="table

table-hover"

id="test123">

<tr>

<th

width="45">选择</th>

<th

width="100">驾校名称</th>

<th

width="100">合作驾校名称</th>

<th

width="100">申请时间</th>

<th

width="100">申请状态</th>

<th

width="100"> *** 作</th>

</tr>

<tr>

<td><input

type="checkbox"

name="id"

value="1"

/></td>

<td>中大驾校</td>

<td>潇湘驾校</td>

<td>2016-04-15

14:40:20</td>

<td

class="tablestate">未处理</td>

<td><a

class="change

button

border-blue

button-little

update"

href="#">修改申请状态</a></td>

</tr>

<tr>

<td><input

type="checkbox"

name="id"

value="1"

/></td>

<td>中大驾校</td>

<td>潇湘驾校</td>

<td>2016-04-15

14:40:20</td>

<td

class="tablestate">未处理</td>

<td><a

class="change

button

border-blue

button-little

update"

href="#">修改申请状态</a></td>

</tr>

</table>

扩展资料：

遍历同胞：

siblings（）：被选中时找到自己的兄弟姐妹，写法有siblings（所有的兄弟姐妹）和siblings（“同级的兄弟姐妹”）。

next（）：被选中时找到自己的下级，写法有

nextAll（找到所有的下级）和next（“找到下一个元素”）和nextuntil（"被选中的元素的范围内的元素"）。

prev(),

prevAll()

以及

prevUntil()

方法的工作方式与上面的方法类似，只不过方向相反：它们返回的是前面的同胞元素（在

DOM

树中沿着同胞元素向后遍历，而不是向前）。

first（）：返回被选中的第一元素

，写法

$("div

p")first()css("样式")

。

last（）：被选中的最后一个元素，写法

$("div

p")last()css(”样式“)

。

eq（）：返回被选中元素中有索引的元素，索引号，是从0开始不是从1开始比如treq(0)id

==dataeq[i-1]id

或者

tr[0]id

=

data[i-1]id。

filter（）：删除真正意义上的过滤，写法

$("div

")filter("span")hide()

。

not（）：就是跟filter（）相反的用法。

给div绑定事件。

$("div")bind("click",function showDiv(event){

$("div")hide(); //让所有div都隐藏

$("this")show(); //让被点击的div显示

});

代码没有测试过，仅供参考

先获取当前对象，再根据对象去获取上一个兄弟节点和下一个兄弟节点

prev()

定义和用法

prev() 获得匹配元素集合中每个元素紧邻的前一个同胞元素，通过选择器进行筛选是可选的。

prev(selector)

参数描述

selector    字符串值，包含用于匹配元素的选择器表达式。  

--说明：如果给定一个表示 DOM 元素集合的 jQuery 对象，prev() 方法允许我们在 DOM 树中搜索这些元素的前一个同胞元素，并用匹配元素构造一个新的 jQuery 对象。

next()

定义和用法

next() 获得匹配元素集合中每个元素紧邻的同胞元素。如果提供选择器，则取回匹配该选择器的下一个同胞元素。

next(selector)

参数描述

selector    字符串值，包含用于匹配元素的选择器表达式。  

--说明：如果给定一个表示 DOM 元素集合的 jQuery 对象，next() 方法允许我们搜索 DOM 树中的元素紧跟的同胞元素，并用匹配元素构造新的 jQuery 对象。

示例：

<!--HTML代码-->

<div id="div1">111</div>

div id="div2">222</div>

div id="div3">333</div>$("#div2")prev()attr("id");    //获取div2同级的上一个div的id，值为div1

$("#div2")next()attr("id");    //获取div2同级的下一个div的id，值为div3

// 取得当前节点的父节点的所有直接子节点，查看当前节点在所有子节点中的位置，index从0开始。

var index = $(this)index($(this)parent()children());

一、如果是同级（兄弟元素）的，如：

<ul><li class='a'></li><li class='a'></li></ul>可以

$("a")click(function(){

var a=$(this)index;

//或者

var a=$('a')index(this);

}

二、而对于不同级（非兄弟元素），如：

<div class='a'></div>

<div><div class='a'></div></div>

则只能这样

$("a")click(function(){

var a=$('a')index(this);

}

扩展资料：

注意事项

jQuery 拥有若干进行 CSS *** 作的方法。

1、addClass() - 向被选元素添加一个或多个类

2、removeClass() - 从被选元素删除一个或多个类

3、toggleClass() - 对被选元素进行添加/删除类的切换 *** 作

4、css() - 设置或返回样式属性

例如：

important

{

font-weight:bold;

font-size:xx-large;

}

blue

{

color:blue;

}

向不同的元素添加 class 属性。当然，在添加类时，也可以选取多个元素：

实例：

$("button")click(function(){

$("h1,h2,p")addClass("blue");

$("div")addClass("important");

});

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，并引入jquery，填充问题基础代码。

2、在indexhtml中的<script>标签，输入jquery代码：

$('bb2')click(function () {

$('body')append($(this)parent()find('ccc')text());

});

3、浏览器运行indexhtml页面，点击“click me”的条目，此时会成功打印出“哈哈”的内容。

以上就是关于jQuery怎么遍历表格，获取每一列的值全部的内容，包括:jQuery怎么遍历表格，获取每一列的值、有多个兄弟级div,如何用jquery实现只让当前点击的DIV内容显示,其它DIV的内容自动隐藏、怎么用jquery 获取同级div 上一个div的id 跟下一个div的id等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！