jQuery remove options from select

Question

Ho una pagina con 5 selezioni che hanno tutti un nome di classe 'ct'. Devo rimuovere l'opzione con un valore di "X" da ogni selezione durante l'esecuzione di un evento onclick. Il mio codice è:

$(".ct").each(function() { 
    $(this).find('X').remove(); 
    }); 

Dove sto andando male?

Answer 1

Prova questo:

$(".ct option[value='X']").each(function() { 
    $(this).remove(); 
}); 

O per essere più concisa, questo funzionerà altrettanto bene:

$(".ct option[value='X']").remove(); 

Answer 2

find() prende un selettore, non un valore. Ciò significa che è necessario utilizzarlo nello stesso modo in cui si utilizza la normale funzione jQuery().

Pertanto è necessario fare qualcosa di simile:

$(this).find('[value="X"]').remove(); 

Vedi le docs jQuery find.

Answer 3

$('.ct option').each(function() { 
    if ($(this).val() == 'X') { 
     $(this).remove(); 
    } 
}); 

O semplicemente

$('.ct option[value="X"]').remove(); 

punto principale è che find prende una stringa di selezione, alimentando esso x siete alla ricerca di elementi denominati x.