javascript - 有没有更短的方法来编写这个 Jquery 代码？

Question

如果我需要预先选择具有特定值的下拉选项，我可以使用这个：

$('select option[value="123"]').attr('selected', 'selected');

但是如果我需要根据它包含的文本预先选择一个选项，我需要执行所有这些操作：

        $('select option').each(function() {
            var $this = $(this);
            if($this.text() == 'My Text') {
                $this.attr('selected', 'selected');
            }
        });

有没有办法做到这一点，而不像第一种方式那样循环遍历所有选项标签，而是基于文本而不是值？

Answer 1

查看:contains()选择器。

http://api.jquery.com/contains-selector/

$('select option:contains("My Text")').prop('selected', true);

Answer 2

使用:contains选择器。例如：

$('select option:contains("My Text")').attr('selected', 'selected');

Answer 3

我会使用filter()我认为比:contains选择器更快的方法：

$('select option')
  .filter(function(){ return $(this).text() === 'my text' })
  .prop('selected', true)

Answer 4

搁置:contains一旁

$('select option').each(function() {
    this.selected = this.text == 'lol2'
});