jquery選擇器 - 標識每個組中的每個選項/選項值

Question

我想在每個組中標識（提醒）每個選項/選項值。 但我需要一個推...

<script src="jquery.mobile/jquery.js"></script> 

<div id="groupA" class="preGroups"> 

    <div id="section-A1"> 
    <input name="SRPR1" type="text"> 
     <select name='ACTC' id='preAction' > 
      <option value='007'>Stolen</option> 
      <option value='008'>Tampered</option> 
     </select> 
    </div> 

    <div id="section-A2"> 
    <input name="SRPR1" type="text"> 
     <select name='ACTC' id='preAction' > 
      <option value='007'>Stolen</option> 
      <option value='008'>Tampered</option> 
     </select> 
    </div> 

</div> 

<div id="groupB" class="preGroups"> 

    <div id="section-B1"> 
    <input name="SRPR1" type="text"> 
     <select name='ACTC' id='preAction' > 
      <option value='007'>Stolen</option> 
      <option value='008'>Tampered</option> 
     </select> 
    </div> 

    <div id="section-B2"> 
    <input name="SRPR1" type="text"> 
     <select name='ACTC' id='preAction' > 
      <option value='007'>Stolen</option> 
      <option value='008'>Tampered</option> 
     </select> 
    </div> 

    <script> 
$(document).ready(function() 
{  
     // iterate through each group in groups 
     groups = $('div[id^="group"]'); 
     $.each(groups, function(key, group) { 
      fnValidateGroup($(group));  
     }); 

     // validation for reason codes in a specific Group 
     function fnValidateGroup(currentGroup){ 

      selects = $(currentGroup).find('select[name="ACTC"]'); 
      $.each(selects, function(key, activity) { 
       // show me activity seelctec in each case 
       alert($(activity).val) ; 
      }); 
     } 
});  



</script> 

* 編輯* 輸出應該是這樣的：

new Group 
007 
008 
new Group 
007 
007 

* 編輯* 這是我來到你的幫助的答案...

$(document).ready(function() 
{  
     // iterate through each group in groups 
     groups = $('div[id^="group"]'); 
     $.each(groups, function() { 
      console.log("New Group"); 
      fnValidateGroup(this);  
     }); 

     // validation for reason codes in a specific Group 
     function fnValidateGroup(currentGroup){ 

      selects = $(currentGroup).find('select[name="ACTC"]'); 
      $.each(selects, function(key, activity) { 
       // show me activity seelctec in each case 
       console.log(($(activity)).val()); 
      }); 
     } 
});  

Answer 1

這樣的事情應該w掃。你有什麼嘗試？

$("select").each(function(){ 
    alert($(this).attr("name")); 
    $(this).children("option").each(function(){ 
     alert($(this).html()); 

    }); 
}); 

或者，如果你想對來提醒他們（是不知道根據你的問題）

$("select").each(function(){ 
     var selectName = $(this).attr("name"); 
     $(this).children("option").each(function(){ 
      alert(selectName + " " + $(this).html()); 

     }); 
    }); 

這裏是你的組生效

var groups = $("div[id^='group']"); 
groups.each(function(){ 
    var thisGroup = $(this).attr("id"); 
    $(this).find("option").each(function(){ 
     alert(thisGroup + " " + $(this).val()); 

    }); 


}); 

Answer 2

$("div").each(function(){ 

    $("select option",this).each(function(){ 

     alert($(this).val()); 

    }); 

}); 

http://jsfiddle.net/EPmLh/5/