Як отримати вибраний параметр $ (цей) у jQuery?

Працює такий код:

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

Як здійснити рефакторинг другого рядка, щоб:

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 ...

Це просто

$(this).val();

Я думаю, що jQuery досить розумний, щоб знати, що вам потрібно