jquery - jQuery コールバック内でセレクターを繰り返さない

Question

私は小さなスクリプトに取り組んでいましたが、繰り返し要素があることに気付きました。この場合$('#theSelect1 ..')は繰り返されるので避けたいと思います。

$('#theSelect1').change(function(){
        //console.log ($(this));
        console.log(  
        $("#theSelect1 option:selected").text() // is there a way to change #theSelect1 to be $(this) inside this statement?  I try not to repeat things.  
        );
})

これはHTMLです

            <select id="theSelect1">
            <option value="foo" selected="selected">1</option>
            <option value="bar">2</option>
            <option value="foobar">3</option>

ありがとうございました

Answer 1

次のことができます。

$(this).children("option:selected").text();

これは、セレクターに一致する現在の要素の子要素を調べます。これは最初のレベルの子孫のみを調べるため、子孫が必要な場合は次を使用します。

$(this).find("option:selected").text();

Answer 2

あなたはこれを行うことができます：

var selectOne = $('#theSelect1').change(function(){
                     selectOne.find('option:selected').text(); 
                 });