jQuery remove options from select

Question

У меня есть страница с 5 выбирает, у всех есть имя класса 'ct'. Мне нужно удалить параметр со значением «Х» из каждого выбора при запуске события onclick. Мой код:

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

Куда я иду не так?

Answer 1

Попробуйте это:

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

Или быть более лаконична, это будет работать точно так же:

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

Answer 2

find() занимает селектор, а не значение. Это означает, что вам нужно использовать его так же, как и обычную функцию jQuery ($('selector')).

Поэтому вам нужно сделать что-то вроде этого:

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

Посмотреть JQuery find документы.

Answer 3

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

Или просто

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

Главное, что find принимает строку выбора, путем подачи его x вы ищете элементы с именами x.