jQuery eliminar opciones de seleccionar

Question

Tengo una página con 5 selecciones que todas tienen un nombre de clase 'ct'. Necesito eliminar la opción con un valor de 'X' de cada selección mientras ejecuto un evento onclick. Mi código es:

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

¿Dónde me estoy equivocando?

Answer 1

Prueba esto:

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

O para ser más conciso, esto va a funcionar igual de bien:

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

Answer 2

find() lleva un selector, no un valor. Esto significa que debe usarlo de la misma manera que usaría la función jQuery normal ($('selector')).

Por lo tanto usted tiene que hacer algo como esto:

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

Ver las jQuery find docs.

Answer 3

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

O simplemente

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

punto principal es que find toma una cadena de selección, alimentándolo x que busca elementos nombrados x.