¿Cómo obtener la opción seleccionada $ (this) en jQuery?

El siguiente código funciona:

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

Cómo refactorizar la segunda línea para:

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

¿Para qué usas ***option-selected***?

Para el valor seleccionado: $(this).val()

Si necesita el elemento de opción seleccionado, $("option:selected", this)

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

En mi opinión, la mejor y más corta forma para que los eventos onchange en el menú desplegable obtengan la opción seleccionada:

$('option:selected',this);

para obtener el atributo de valor:

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

para obtener la parte mostrada entre las etiquetas:

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

En tu muestra:

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

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

Esto debería funcionar:

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

Puede usar findpara buscar la opción seleccionada que sea descendiente de los nodos señalados por el objeto jQuery actual:

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

Dado que es probable que este sea un hijo inmediato, en realidad sugeriría usar en su .childrenlugar:

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

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

Dado que optiones probable que sea hijo inmediato de selectusted, también puede usar:

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

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

Mejor conjetura:

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

Me gustan más los niños en este caso porque sabes que solo vas a bajar una rama del árbol DOM ...

Es solo

$(this).val();

Creo que jQuery es lo suficientemente inteligente como para saber lo que necesitas