JQuery遍历1:CssClass遍历元素
将所有的checkbox设置为未选中,采用遍历的方法来完成
控件如下
<button id="ClearPosition" type="button">清空职位</button>
<input type="checkbox" class="jobPostaJoblist"/><span>导购/促销</span>
<input type="checkbox" class="jobPostaJoblist"/><span>收银员</span>
<input type="checkbox" class="jobPostaJoblist"/><span>店长</span>
JQUERY代码如下:
jobPostaJoblistSelected是checkbox被选中时的css
stopDefault函数用于中止默认的事件响应
$("#ClearPosition").each(function(i) {
$(this).click(function(e) {
$("input[class*='jobPostaJoblist']").each(function(i) {
$(this).attr("checked", false);
$(this).next().removeClass("jobPostaJoblistSelected");
});
return stopDefault(e);
});
});
function stopDefault(e) {
if (e && e.preventDefault) {
e.preventDefault();
} else {
window.event.returnValue = false;
}
return false;
}
JQuery遍历2:Table内元素
HTML 代码:
<div>DIV</div>
<span>SPAN</span>
<p>P</p>
jQuery 代码:
$("*")
结果:
[ <div>DIV</div>, <span>SPAN</span>, <p>P</p> ]
同理 你可以取出table的所有
例如:table的id是“table1”
jQuery 代码:
$("#table *")
$("table").find("tr").each(function(){
$(this).find("td").each(function(){
alert($(this).text());
});
});
JQuery遍历3:服务器端控件
$("#trTest td select");asp控件在程序加载前会将服务器控件编译成html控件
DropDownList 就会成为普通的select
TextBox 是input type=text
但是id不会改
接下来你就应该明白了
$("#trTest td select").each(function () {
//do something
});
JQuery遍历4:DIV内元素
jquery遍历特定ID的div并隐藏,实现代码如下:
$(document).ready(function(){
var d = $("div");
$(d).each(function(){
var dId = $(this).attr("id");
if(dId.indexOf('advice')>-1){
$('#'+dId).hide();
}
})
});
分享到:
相关推荐
下面小编就为大家带来一篇JQuery遍历元素的后代和同胞实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
下面小编就为大家带来一篇JQuery遍历元素的父辈和祖先的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
熟练掌握JQuery的技术html赋值、each循环遍历、append追加元素、split分割字符串、indexOf找到索引的综合实例源代码,分享给大家.希望能够帮助到你,谢谢你的支持!
本篇文章提供一款jquery遍历select教程代码,主要是利用了$(“#<%=ddl_xreg_id.clientid%> option”).each(function() {形式来each遍历一次,这样所有的select就给查询了一次。 代码如下:[removed][removed]...
通过 jQuery,您能够向上遍历 DOM 树,以查找元素的祖先。 向上遍历 DOM 树 这些 jQuery 方法很有用,它们用于向上遍历 DOM 树: parent() parents() parentsUntil() jQuery parent() 方法 parent() 方法返回被选...
本文实例讲述了jQuery遍历DOM元素与节点方法。分享给大家供大家参考,具体如下: 一、向上遍历–祖先元素 ① $(selector).parent([filter]):返回selector匹配元素的直接父元素,方法可以接受一个过滤selector来过滤...
map() 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象。 二、语法 .map(callback(index,domElement)) 三、详细说明 由于返回值是 jQuery 封装的数组,使用 get() 来处理返回的对象以...
通过 jQuery,您能够向下遍历 DOM 树,以查找元素的后代。 向下遍历 DOM 树 下面是两个用于向下遍历 DOM 树的 jQuery 方法: children() find() jQuery children() 方法 children() 方法返回被选元素的所有直接子...
jQuery 3.1 标准课程第六章 遍历组合遍历元素的方法(一)
主要介绍了jquery中使用.each()遍历元素学习笔记,本文从实际项目经验总结而来,需要的朋友可以参考下
主要介绍了jQuery循环遍历子节点并获取值的方法,涉及jQuery节点的遍历与属性操作相关技巧,需要的朋友可以参考下
通过 jQuery,您能够在 DOM 树中遍历元素的同胞元素。 在 DOM 树中水平遍历 有许多有用的方法让我们在 DOM 树进行水平遍历: siblings() next() nextAll() nextUntil() prev() prevAll() prevUntil() jQuery...
jQuery 遍历函数包括了用于筛选、查找和串联元素的方法。 函数 描述 .add() 将元素添加到匹配元素的集合中。 .andSelf() 把堆栈中之前的元素集添加到当前集合中。 .children() 获得匹配元素集合中每个元素...
1.children()方法:$(‘div’).children()—遍历查找div元素的所有子元素节点 <p>Hello <span>Hello Again 您好! <p>And Again [removed] $('div').children(); //<span>Hello Again</span><p class=box>您好! ...
如下图,显示了HTML中的结构树,通过 JQuery 遍历,您能够从被选(当前的)元素开始,轻松地在家族树中向上移动(祖先),向下移动(子孙),水平移动(同胞)。这种移动被称为对 DOM 进行遍历。 遍历 – 父级...
通过 jQuery 遍历,您能够从被选(当前的)元素开始,轻松地在家族树中向上移动(祖先),向下移动(子孙),水平移动(同胞)。这种移动被称为对 DOM 进行遍历。 图示解析: 元素是 的父元素,同时是其中所有...