
<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的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)