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 class="b">

    <a href="" data="1">1</a>

    <a href="" data="2">2</a>

    <a href="" data="3">3</a>

    <a href="" data="4">4</a>

    <a href="" data="5">5</a>

  </div>$("b")click(function(e) {

   var id = $(etarget)attr("data");

    alert(id)

  })

jquery提供了获得第一个匹配元素相对于其同胞元素的位置的方法——index()，注意：

index从0开始计数

如果未找到元素，index() 将返回 -1。

实例演示如下

创建Html元素

<div class="box">

<span>点击li元素即可获取其index：</span><br>

<div class="content">

    <ul>

  <li>Glen</li>

  <li >Tane</li>

  <li>John</li>

  <li >Ralph</li>

</ul>

</div>

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox>span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

li{margin:5px;list-style: none;}

red{color:red !important;}

编写jquery代码

$(function(){ 

$("ul li")click(function() {

$(this)addClass('red');    // 应用样式以突出

n = $(this)index();

alert("被点击的li标签的index顺序为："+n+"，实际顺序为："+(n+1)+"。");  

});

});

观察效果

以上就是关于jQuery怎么遍历表格，获取每一列的值全部的内容，包括:jQuery怎么遍历表格，获取每一列的值、页面多个a标签，第个标签的data值都不一样。JQ如何获取同一标签内的元素的值。、jquery怎样获得index等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！