jQuery Xóa Lớp CSS khỏi tất cả các Con cháu cùng một lúc

Question

Tôi có thể xóa lớp CSS cụ thể khỏi tất cả các phần tử XYZ trong một phần tử cùng một lúc không?

Ví dụ: Remove CSS lớp active từ khắp nơi <a>neo trong tìm kiếm của tôidiv.

Nếu có, làm cách nào?

Answer 1

$("#mydiv a").removeClass("active"); 

Answer 2

Vâng. Bạn làm điều đó như thế này:

$("div a .className").removeClass("className") 

Hoặc giả bạn chỉ muốn làm điều đó trên một div nhất định, miễn là div có một bộ thuộc tính id, bạn có thể làm điều này:

$("#divIDValue a .className").removeClass("className") 

Với bộ chọn jQuery, # với một số văn bản sau nó đề cập đến đối tượng (div, span, anchor, bất cứ điều gì) với thuộc tính id được đặt thành bất kỳ văn bản nào. Một khoảng thời gian đề cập đến tất cả các đối tượng với tên lớp khớp với văn bản đến sau khoảng thời gian. Như đã trình bày ở trên, bạn có thể lồng văn bản chọn. Vì vậy, trong ví dụ trên, đây là những gì sẽ xảy ra:

Ví dụ # 1

1. Tìm tất cả các div
2. Finds tất cả các neo trong tất cả các div
3. Finds tất cả các neo từ # 2 có lớp .className

Ví dụ # 2

1. Tìm div với id thuộc tính thiết lập để "divIDValue"
2. Tìm tất cả các thẻ neo trong đó div
3. Tìm tất cả các thẻ neo trong đó danh sách các thẻ neo phù hợp với tên lớp className

Hãy nhớ rằng đối với tất cả các đối tượng trong trang của bạn, chỉ một đối tượng có thể có bất kỳ giá trị id cụ thể nào. Vì vậy, bạn có thể có hai đối tượng với số id được đặt thành 'divIDValue' - mặc dù trang của bạn sẽ vẫn có thể trông OK, jQuery sẽ chỉ tìm thấy mục đầu tiên với id. Các lớp học, mặt khác, có thể được sử dụng cho nhiều mục (như bạn có thể đã biết).

Answer 3

Nếu tìm kiếm là một lớp:

$("div.search a").removeClass("active"); 

Nếu tìm kiếm là một ID:

$("#search a").removeClass("active"); 

Answer 4

Một giải pháp chung chung hơn để loại bỏ các lớp từ bất kỳ yếu tố có thể.

// I like to use find as I usually have my wrapper in a variable. 
$('#my-wrapper').find('.active').removeClass('active'); 

Hoặc

$('#my-wrapper .active').removeClass('active'); 

này sẽ ảnh hưởng đến tất cả các yếu tố trong wrapper: span, h3, div, li, td, vv Với html 5 hiện nay có hơn 100 thẻ có thể.