读书人

JQuery页眼前端遍历样例

发布时间: 2012-08-25 10:06:20 作者: rapoo

JQuery页面前端遍历样例

?JQuery遍历1:CssClass遍历元素将所有的checkbox设置为未选中,采用遍历的方法来完成 控件如下<button id="ClearPosition" type="button">清空职位</button><input type="checkbox"       name="code">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();                    }         }) });

?

读书人网 >Web前端

热点推荐