jquery - 如何在 JQuery 的 td 内的选项控件中获取选定的文本？

Question

这是JQuery代码：

$("tr.skill").each(function(){
                    var skill = $(this).contents("td:first").html();
                    var action = $(this).contents("td:last").text();
                });

这是生成的 Html 代码：

    <td>
        <select name="ddlScores" id="ddlScores" disabled="disabled">
            <option selected="selected" value="236">Do Wells</option>
            <option value="237">Do Betters</option>
        </select>
    </td>

此 td 是 tr 中的最后一个 td，其 class="skill"。我希望 var 动作是“Do Wells”。目前它是“Do Wells Do Betters”。我尝试了不同的方法，selected:option但它总是返回一个空字符串。

Answer 1

您是否尝试过类似的方法：

var action = $('td:last select option:selected', this).text();

祝你好运！

Answer 2

selected:option

是倒退的。

尝试：

$('#ddlScores option:selected')

Answer 3

尝试：

var action = $(this).contents("td:last option[selected='selected']").text();