jQuery xóa các tùy chọn khỏi chọn

Question

Tôi có một trang với 5 lựa chọn mà tất cả đều có tên lớp 'ct'. Tôi cần phải loại bỏ các tùy chọn với một giá trị của 'X' từ mỗi lựa chọn trong khi chạy một sự kiện onclick. Mã của tôi là:

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

Tôi sẽ làm gì sai?

Answer 1

Hãy thử điều này:

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

Hoặc để được ngắn gọn hơn, điều này sẽ chỉ làm việc cũng như:

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

Answer 2

find() mất một selector, không phải là một giá trị. Điều này có nghĩa là bạn cần sử dụng nó giống như cách bạn sử dụng hàm jQuery thông thường ($('selector')).

Vì vậy, bạn cần phải làm điều gì đó như thế này:

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

Xem các tài liệu jQuery find.

Answer 3

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

Hoặc chỉ cần

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

điểm chính là find mất một chuỗi selector, bằng cách cho ăn nó x bạn đang tìm kiếm phần tử có tên x.