jQuery：包含选择器替代方案？ [复制]

Question

我想在下拉菜单中通过其'文本选择一个选项。当我运行代码时：

var theText = "Large"; $("#size option:contains(" + theText + ")").attr('selected', 'selected');

它选择 XLarge 而不是 Large。有没有办法让它选择大？ JSFiddle：http://jsfiddle.net/r8wuP/2/

Answer 1

您可以使用.filter() 查找完全匹配，:contains-selector 也返回部分匹配

var theText = "Large";
$("#size option").filter(function () {
    return $.trim($(this).text()) == theText;
}).attr('selected', 'selected');

演示：Fiddle

Answer 2

试试这个：

http://jsfiddle.net/r8wuP/3/

$('#size').find('option').filter(function() {
    return $(this).text() === 'Large';
}).first().attr('selected', 'selected');

Answer 3

由于您使用的是 1.4，因此可以使用：

var theText = "Large";
$("#size").find("option[text='" + theText + "']").attr('selected', 'selected');

不过以后的 jQuery 版本可能需要 filter 方法。