如何获取表格第三单元格的选中文本？jQuery代码问题排查

你现在遇到的问题是，直接取<td>的文本会把里面下拉框（<select>）的所有选项文本都返回，而你需要的是选中的那一项的内容。

修正后的代码 #

把原来的代码改成这样，就能精准获取选中项的文本了：

$(this).closest('tr').find("td:eq(3) select option:selected").text()

代码解释 #

1. $(this).closest('tr')：这部分是对的，用来定位到当前点击链接所在的表格行。
2. find("td:eq(3)")：定位到当前行的第4个单元格（因为jQuery的eq()索引从0开始，对应你表格里的"Contact"列）。
3. select option:selected：在这个单元格里找到下拉框，再筛选出被选中的选项，最后用.text()获取它的显示文本。

额外优化建议 #

如果你的下拉框有专属的class或id（比如class="contact-select"），可以把代码写得更精准，避免同一单元格里有其他元素干扰：

$(this).closest('tr').find("td:eq(3) .contact-select option:selected").text()

举个实际的单元格结构例子，假设你的Contact列是这样的：

<td>
  <select class="contact-select">
    <option value="1">1234567890</option>
    <option value="2" selected>0987654321</option>
    <option value="3">1122334455</option>
  </select>
</td>

用上面的代码点击User Name列的链接时，就能准确拿到选中的0987654321，而不是所有选项的文本了。

内容的提问来源于stack exchange，提问作者Sona Shetty