jQuery remove a opção selecionada deste

Question

Primeiro post aqui, eu cheguei em paz :) Eu procurei, mas não consigo encontrar o que estou procurando.

Estou tentando manipular a opção selecionada de uma caixa selecionada. Alguém pode explicar por que isso funciona:

$('#some_select_box').click(function() {
  $('#some_select_box option:selected').remove();
});

Mas isso não é:

$('#some_select_box').click(function() {
  $('this option:selected').remove();
});

Eu só quero usar "isso" em vez de soletrar o ID da caixa de seleção - alguém pode me apontar na direção certa para a sintaxe correta? Está me deixando louco porque parece que deve ser realmente simples. E tenho certeza de que é para alguém, mas não para mim, porque é o fim do dia e estou frito ... quaisquer indicadores muito apreciados.

Felicidades

Answer 1

this Não é um seletor CSS. Você pode evitar ortografia do ID de this Passando como um contexto:

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

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

Answer 2

 $('#some_select_box').click(function() {
     $(this).find('option:selected').remove();
 });

Usando o achar método.

Answer 3

Isso deve fazer o truque:

$('#some_select_box').click(function() {
  $('option:selected', this ).remove();
});

Answer 4

Este é mais simples

$('#some_select_box').find('option:selected').remove().end();