JQuery頁面前端遍歷樣例

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

?