為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/