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

jQuery怎么遍历表格,获取每一列的值,第1张

<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()相反的用法。

获取tbody里面所有的td值我们可以通过获取tbody这个页面元素下面所有的tr元素,获取后通过遍历的方式来获取所有的td值。

以下面这个HTML代码为例来看一看怎么获取tbody里面所有的td值

HTML代码:

注意,一定要给tbody设置一个id,这样后面才能通过id获得tobody这个网页元素。

jquery代码如下:

这里使用一个list来获取了所有的tr,然后再遍历tr里面的td值。

取得table中的input:

$('table input')

取得table中第一个input:

$('table input:eq(0)')

取得table中第一个input的value:

$('table input:eq(0)')val()

遍历table中的所有input,d出value:

$('table input')each(function(){

alert($(this)val());

});

以上就是关于jQuery怎么遍历表格,获取每一列的值全部的内容,包括:jQuery怎么遍历表格,获取每一列的值、jquery获取tbody的tr数据、jquery获取table里INPUT的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/10156848.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-05
下一篇2023-05-05

发表评论

登录后才能评论

评论列表(0条)

    保存