爲jquery中的所有選中行設置「選擇」選項？

Question

在這裏仍然在學習jquery，所以請原諒任何無知。

我有一個包含多個行的表。每行都有一個<select>標籤，我想在執行某個函數時「切換」它的值。因此，這裏的什麼表的樣子，例如：

<table align="center" class="table table-bordered table-hover table-condensed table-responsive"> 
    <thead> 
    ... 
    </thead> 
    <tbody> 
    <tr> 
     <td class="text-center"><input id="item_ids_" name="item_ids[]" type="checkbox" value="11521"></td> 
     <td class="text-center">Item value here</td> 
     <td class="text-center"> 
     <select class="form-control" id="item_11521_color" name="item[11521][color]"> 
      <option selected="selected" value="None">None</option> 
      <option value="Blue">Blue</option> 
      <option value="Orange">Orange</option> 
      <option value="Green">Green</option> 
      <option value="Yellow">Yellow</option> 
      <option value="Purple">Purple</option> 
     </select> 
     </td> 
     <td class="text-center"> 
     <select class="form-control" id="item_11521_test" name="item[11521][test]"> 
      <option selected="selected" value="None">None</option> 
      <option value="First">First</option> 
      <option value="Second">Second</option> 
     </select> 
     </td> 
    </tr> 
    </tbody> 
</table> 

我怎樣才能通過每一行迭代，並更改值（和文本）<option value="Blue">到<option value="Orange">等各運行此功能的時間？

Answer 1

這是你在找什麼？ （代碼更新）

$("#change").on("click", function() { 

    // loop throw all rows 
    $("table tr").each(function() { 

     // on a row, find the checkbox and change the values if it's checked 
     if($(this).find("input[type='checkbox']").prop("checked")) { 
      $(this).find(".color-select").val("Green"); 
      $(this).find(".position-select").val("First"); 
     } 

    }); 

}); 

添加一個按鈕以執行改變：

<button id="change">change all to Green and first</button> 

和類的選擇爲了簡化：

<select class="form-control color-select" id="item_11521_color" name="item[11521 [color]"> 
<select class="form-control position-select" id="item_11521_test" name="item[11521][test]"> 

編輯：

製造需要對代碼進行更改。

更新小提琴：http://jsfiddle.net/theagitator/44vqugf0/1/