jQuery 1.8.2 - 如何从仅包含文本的选择中获取选项

Question

简单地说，使用这个：

<select id="Test">
    <option value="1">ABC</option>
    <option value="2">DEF</option>
</select>

如何使用jQuery仅使用"DEF"来获取option[value="2"] - 请记住，我使用的是1.8.2

谢谢！

Answer 1

试试:contains()选择器：

$('#Test option:contains("DEF")')

小提琴

请注意，:contains()是通配符搜索。如果您需要完全匹配，我认为您只需要迭代或过滤选项并检查text()。这里有一种可能性：

http://jsfiddle.net/YuK2K/

console.log(getOptionByText('Test', 'DEF'));
function getOptionByText(id, value) {
    return $('#' + id).find('option').filter(function() {
       return $(this).text() == value; 
    });
}

Answer 2

如果您确定之前显示的任何其他选项都不包含该值，则可以使用 contains。请注意，包含通配符匹配不是完全匹配。相反，您可以这样做来执行完全匹配。

$('#Test option').filter(function () {
    return this.innerHTML === 'DEF'
}).val();

小提琴

Answer 3

它有帮助吗？

$( '#Test option' ).each( function() {
    if ( $( this ).html() == 'DEF' ) {
        alert( $( this ).val() );
    }
} );

Answer 4

$("select option:contains('ABC')")

这是示例 - http://jsfiddle.net/maximua/7fF7M/