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'
});