jQuery: Element aus mehreren Select-Auswahlliste löschen

[koma05]

hallo.
habe mehrere select-auswahlfelder. die anzahl variiert, haben aber alle den gleichen inhalt:

<select class="selectwechslerspieler">
   <option>1</option>
   <option>2</option>   
   <option>3</option>
</select>

von denen ein gewähltes element entfernt werden soll. mal das zweite, mal das dritte, ....
und dieses element soll bei allen select-auswahlfelder gleichzeitig gelöscht werden.

mittels folgenden code zeigt es schon mal die anzahl vorhandener select-auswahlfelder an:

$('#ersatzbankwechsel .selectwechslerspieler').each(function(index) {

aber wie kann ich von allen selectlisten die gleiche option (index) löschen?

bitte um hilfe..

 

[Duddle]

AW: jQuery: Element aus mehreren Select-Auswahlliste löschen

Für jedes <select> mit der Klasse ".selectwechslerspieler" iterierst du über jeden seiner Kindknoten vom Typ <option>, vergleichst dessen Index und löschst das Element falls notwendig. Wenn du diesen Satz in jQuery-Code schreibst, hast du deine Lösung.


Duddle

 

[koma05]

AW: jQuery: Element aus mehreren Select-Auswahlliste löschen

die theorie ist mir denk ich bekannt.
finde alle selcetauswhal-felder und lösche z.b. daas dritte element.
aber ich pack den code nicht...

$('#ersatzbankwechsel .selectwechslerspieler').each(function(index) {

//lösche das gewählte element - aber wie?

 

[Duddle]

AW: jQuery: Element aus mehreren Select-Auswahlliste löschen

Mit deinem Selektor wählst du alle <select> aus. Für jedes <select> musst du jetzt nochmal dessen Kindelemente holen und ähnlich behandeln.
Das eigentliche Löschen geht dann mit .remove()


Duddle

 

[koma05]

AW: jQuery: Element aus mehreren Select-Auswahlliste löschen

... das war ne schwere geburt

        $('#ersatzbankwechsel .selectwechsler').each(function(index) {
            //console.log("vor: " + $(this).children().length);
            $(this).children().eq( nummer ).remove();
            //console.log("nachher: " + $(this).children().length);
        });

 

[Duddle]

AW: jQuery: Element aus mehreren Select-Auswahlliste löschen

Alternativ die Version, die ich beschrieben hatte. Die ist weniger hübsch und dient nur zur Illustration meiner vorigen Antwort:

$("#d .s").each(function() {
    $(this).children("option").each(function(idx) {
	if(idx == 1) {
	    $(this).remove();
	}
    });
});

Duddle