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(); } }) });