javascript - .val() 替代方法，获取匹配元素集中所有元素的当前值

Question

我有 3 个选择元素，我正在使用 $(".select-elem select").val() 获取数组中每个选择元素的值，但它返回值仅匹配元素集中的第一个元素。例如，如果用户为第一个选择元素选择“2”，为第二个选择“3”，为第三个选择“4”，则 val() 函数返回 2 而不是 [2,3,4]。是否有一个函数会返回一个包含所有三个选择元素的值的数组？

<td class="select-elem">
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
</td>
<td class="select-elem">
<select>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
</td>
<td class="select-elem">
<select>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
</td>

Answer 1

为此使用 map 方法:

var values = $(".select-elem select").map(function() {
    return $(this).val();
}).get();