有没有更短的方法来编写这个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'
});