jQuery eliminar opciones de select

Tengo una página con 5 selecciones que 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();
   });

¿A dónde me estoy yendo mal?

Prueba esto:

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

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

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

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

O solo

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

El punto principal es que findtoma una cadena de selector, al alimentarla xestá buscando elementos nombrados x.

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

Por lo tanto, debe hacer algo como esto:

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

Vea los documentos de búsqueda de jQuery .

Funciona en cualquier etiqueta de opción o campo de texto:

$("#idname option[value='option1']").remove();

si su menú desplegable está en una tabla y no tiene una identificación, puede usar el siguiente jquery:

var select_object = purchasing_table.rows[row_index].cells[cell_index].childNodes[1];
$(select_object).find('option[value='+site_name+']').remove();

Para jquery <1.8 puede usar:

$('#selectedId option').slice(index1,index2).remove()

para eliminar un rango específico de las opciones seleccionadas.

Cuando hice solo una eliminación, la opción permaneció en el ddl en la vista, pero desapareció en el html (si inspecciona la página)

$("#ddlSelectList option[value='2']").remove(); //removes the option with value = 2
$('#ddlSelectList').val('').trigger('chosen:updated'); //refreshes the drop down list

Iterando una lista y eliminando múltiples elementos usando un hallazgo. La respuesta contiene una matriz de enteros. $ ('# OneSelectList') es una lista de selección.

$.ajax({
    url: "Controller/Action",
    type: "GET",
    success: function (response) {
        // Take out excluded years.
        $.each(response, function (j, responseYear) {
            $('#OneSelectList').find('[value="' + responseYear + '"]').remove();
        });
    },
    error: function (response) {
        console.log("Error");
    }
});