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版本可能需要过滤方法。