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