$（this）選択されたオプションをjQueryで取得する方法？

次のコードは機能します。

$("#select-id").change(function(){
  var cur_value = $('#select-id option:selected').text();
  . . .
});

2行目を次のようにリファクタリングする方法：

var cur_value = $(this).***option-selected***.text();

何に使うの***option-selected***？

選択した値： $(this).val()

選択したオプション要素が必要な場合は、 $("option:selected", this)

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

選択したオプションを取得するためのドロップダウンのonchangeイベントに対する私の意見では最良かつ最短の方法：

$('option:selected',this);

value属性を取得するには：

$('option:selected',this).attr('value');

タグ間の表示部分を取得するには：

$('option:selected',this).text();

あなたのサンプルでは：

$("#select-id").change(function(){
  var cur_value = $('option:selected',this).text();
});

var cur_value = $('option:selected',this).text();

これはうまくいくはずです：

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

を使用findして、現在のjQueryオブジェクトが指すノードの子孫である選択されたオプションを探すことができます。

var cur_value = $(this).find('option:selected').text();

これは直接の子である可能性が高いため、実際に.children代わりに使用することをお勧めします。

var cur_value = $(this).children('option:selected').text();

var cur_value = $(this).find('option:selected').text();

optionはselectあなたの直接の子である可能性が高いので、以下も使用できます。

var cur_value = $(this).children('option:selected').text();

http://api.jquery.com/find/

最良の推測：

var cur_value = $('#select-id').children('option:selected').text();

この場合はDOMツリーをたった1つのブランチしか進んでいないことがわかっているので、私は子供がより好きです...

それはただ

$(this).val();

jQueryはあなたが何を必要としているのかを知るのに十分賢いと思います