Como obter $ (this) opção selecionada no jQuery?

O seguinte código funciona:

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

Como refatorar a segunda linha para:

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

Para que você usa ***option-selected***?

Para o valor selecionado: $(this).val()

Se você precisar do elemento de opção selecionado, $("option:selected", this)

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

Na minha opinião, o melhor e mais curto caminho para eventos onchange no menu suspenso para obter a opção selecionada:

$('option:selected',this);

para obter o atributo value:

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

para obter a parte mostrada entre as tags:

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

Em sua amostra:

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

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

Isso deve funcionar:

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

Você pode usar findpara procurar a opção selecionada que é descendente do (s) nó (s) apontado (s) pelo objeto jQuery atual:

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

Uma vez que este é provavelmente um filho imediato, eu sugeriria usar em seu .childrenlugar:

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

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

Como optioné provável que seja filho imediato de selectvocê, você também pode usar:

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

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

Melhor chute:

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

Eu gosto mais de crianças neste caso porque você sabe que só vai um galho abaixo da árvore DOM ...

É apenas

$(this).val();

Acho que jQuery é inteligente o suficiente para saber o que você precisa