Javascript jQuery：如何获取表行中所选选项的值

下面是我正在使用的DOM的一部分：

<tr id="player-row-973">
    <td class="display_name"> Kevin Love </td>
    <td class="position">
    <select id="position" name="position">
      <option value="pf">PF</option>
      <option value="c">C</option>
    </select>
   </td>
</tr>

凯文·洛夫
PF
C

使用jQuery，我试图获取当前为玩家Kevin Love选择的位置的

值。我已尝试使用以下内容：

$（'#player-row-973'）。查找（'#position'）。value（）
，但这似乎不起作用
 关闭，其
.val（）

我用这个：

$('#player-row-973').find('#position option:selected').val();

由于某些原因，使用
$（'#selectId'）.val（）
首先，如果使用ID，可以直接选择它，如下所示：

$('#position')

并获得其值，如：

$('#position').val()

但是，如果您希望有多个类似这样的选择选项，最好删除
id
属性并使用
class
或
name
，然后您可以使用所有这些选项来获取值：

使用
id
属性：

$('#position').val();
$('#position>option:selected').val();

$('#player-row-973 select[name=position]').val()
$('#player-row-973 select[name=position]>option:selected').val()

使用
name
属性：

$('#position').val();
$('#position>option:selected').val();

$('#player-row-973 select[name=position]').val()
$('#player-row-973 select[name=position]>option:selected').val()