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

jQuery 匹配上一个元素的方法是 prev() 。

如果给定一个表示 DOM 元素集合的 jQuery 对象,prev() 方法在 DOM 树中搜索这些元素的前一个同胞元素,并用匹配元素构造一个新的 jQuery 对象。类似地,next() 方法用以获得匹配元素集合中每个元素紧邻的后一个同辈元素。

1、语法:

prev(selector)

功能:获得匹配元素集合中每个元素紧邻的前一个同辈元素,由选择器筛选(可选)

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

2、示例:

$("p")prev("selected");     // 检索每个段落,找到前一个类名为 "selected" 的同胞元素

嗯,分解来看

$("div:eq("+i+")")show()siblings("div")hide();

首先看

$("div:eq("+i+")")

#$() 代表选择器,选择出来是一个HTML标签,后续对这个HTML标签 *** 作

#假设 i = 0,代入

#$("div:eq(0)")

#div 是选择所有class = div的标签出来

#eq 代表顺序,第几个,0代表第一个,1,代表第二个,以此类推

$("div:eq("+i+")")show()

#代表,上面选择的标签显示出来

$("div:eq("+i+")")show()siblings("div")

#siblings 是代表同胞节点为 class=div的标签

$("div:eq("+i+")")show()siblings("div")hide();

#hide(),代表隐藏这些节点

总结:显示class=div的节点,并且印象上述同胞节点中 class=div的节点

三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素。

其他过滤方法,比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。

$(document)ready(function(){

$("div p")first();//获取第一个<div>中的第一个<p>

$("div p")last();//获取最后一个<div>中的最后一个<p>

$("p")eq(1);//获取所有<p>中的第二个<p>

$("p")filter("demo");//返回带有demo类名的所有<p>

$("p")not("demo");//返回不带有demo类名的所有<p>

$("p")parent();//返回<p>的直接父元素;

$("p")parents();//返回<p>的所有祖先

$("p")parentsUntil("div");//返回<p>与<div>间的所有祖先

$("div")children();//返回<div>的直接子元素

$("div")find();//返回<div>的所有后代

$("h1")siblings();//返回<h1>的所有兄弟元素

$("h1")next();//返回<h1>的下一个同胞元素

$("h1")nextAll();//返回<h1>后面的所有同胞元素

$("h1")nextUntil("h6");//返回<h1>与<h6>间的所有同胞元素

prev(), prevAll() 以及 prevUntil() 方法的工作方式与上面的方法类似,只不过方向相反而已:它们返回的是前面的同胞元素

});

我写了一个示例代码,你可以参考一下。功能跟你说的差不多就是没有删除按钮:

<!doctype html>

<html>

<head>

<meta >

以上就是关于jQuery怎么遍历表格,获取每一列的值全部的内容,包括:jQuery怎么遍历表格,获取每一列的值、jquery 匹配上一个元素是什么方法、$(".div:eq("+i+")").show().siblings(".div").hide();求解释!!等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/10146004.html

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

发表评论

登录后才能评论

评论列表(0条)

保存