jQuery entfernt die ausgewählte Option daraus

erster Beitrag hier, ich komme in Frieden 🙂 Ich habe gesucht, aber nicht ganz gefunden, wonach ich suche.

Ich versuche, die ausgewählte Option eines Auswahlfelds zu manipulieren. Kann mir bitte jemand erklären warum das funktioniert:

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

aber das geht nicht:

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

Ich möchte nur “this” verwenden, anstatt die ID des Auswahlfelds zu buchstabieren – kann mich jemand in die richtige Richtung für die richtige Syntax weisen? Es macht mich wahnsinnig, weil es so aussieht, als sollte es wirklich einfach sein. Und ich bin sicher, es ist für jemanden, aber nicht für mich, denn es ist das Ende des Tages und ich bin hirngeröstet … Jeder Hinweis wird sehr geschätzt.

Prost

this ist kein CSS-Selektor. Sie können vermeiden, die ID von zu schreiben this indem Sie es als Kontext übergeben:

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

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

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

Verwendung der finden Methode.

Das sollte den Trick machen:

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

Dies ist einfacher

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

$(‘#some_select_box option:s selected’).remove();