add lớp cho trẻ em - jquery

Question

tôi có mã html này:

<div class="rotation"> 
    <ul> 
    <li><img src="..." alt="" /></li> 
    <li><img src="..." alt="" /></li> 
    <li><img src="..." alt="" /></li> 
    </ul> 
</div> 

tôi cần phải thêm lớp để ul, tôi muốn làm điều đó bằng jquery, vì ul, li được tạo ra mà không cần bất kỳ lớp.
Giả sử thẻ ul cần phải là <ul class="image_rotation">. Tôi làm nó như thế nào?

Answer 1

Read about jQuery's addClass method here.

$('.rotation ul').addClass('image_rotation'); 

Đoạn mã trên sẽ bổ sung thêm một lớp của image_rotation cho mọi ul đó là một hậu duệ của bất kỳ phần tử với lớp rotation.

Nếu bạn muốn nhắm mục tiêu chỉ ul s đó là một đứa trẻ ngay lập tức của một phần tử với một lớp rotation, sử dụng child selector (>):

$('.rotation > ul').addClass('image_rotation'); 

Nếu bạn chỉ muốn làm điều này trên một .rotation yếu tố , bạn nên cho nó một id và chọn nó theo cách đó. Ví dụ:

$('#rotation ul'); 

và

<div id="rotation" class="rotation"> 
    <ul> 
     <li><img src="..." alt="" /></li> 
     <li><img src="..." alt="" /></li> 
     <li><img src="..." alt="" /></li> 
    </ul> 
</div> 

Answer 2

$(".rotation").children("ul").addClass("MyClass"); 

Answer 3

Nó khá dễ dàng, chỉ cần làm:

$(document).ready(function(){ 
    $('div.rotation ul').addClass('image_rotation'); 
}); 

Answer 4

tôi muốn đề nghị giữ nó đơn giản:

$('div.rotation ul').addClass('image_rotation'); 

Hoặc, nếu bạn có nhiều ul yếu tố bên trong phần tử div.rotation, bạn có thể chỉ định ul đầu tiên:

$('div.rotation ul:first').addClass('image_rotation'); 

cuối cùng ul:

$('div.rotation ul:last').addClass('image_rotation'); 

Hoặc một ul của arbitray chỉ số zero-based, ví dụ: số thứ ba ul (có chỉ mục là 2):

$('div.rotation ul:eq(2)').addClass('image_rotation'); 

hay:

$('div.rotation ul').eq(2).addClass('image_rotation'); 

Hoặc một đứa trẻ ngay lập tức (vì vậy không ul yếu tố lồng trong bất kỳ yếu tố khác):

$('div.rotation > ul').addClass('image_rotation'); 

Tài liệu tham khảo:

• addClass().
• eq().
• :eq selector.
• :first selector.
• :last selector.

Answer 5

tất cả những gì bạn cần là tìm UL trong div và gán cho lớp của bạn. bạn có thể nhìn thấy nó trong demo này, nhưng mã cho HTML của bạn dưới

$(document).ready(function(){ 
    $('ul','div.rotation').each(function(index){ 
     $(this).addClass('image_rotation'); 
    }); 
});​ 

Answer 6

$(".rotation ul").attr("class","image_rotation");