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

このようなものは、 ork。何を試しましたか？

$("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/

です