2010-02-09 30 views
8

Tôi có một div với Class. Ví dụ:Truy cập div bằng Class sử dụng jquery

<div class="button check"></div>. Css được định nghĩa cho cả 'nút', 'kiểm tra'. Tôi muốn truy cập vào div trên thông qua jquery và viết một cái gì đó trong div.I đã thử với

$('.button check').html("sample data"); 

Tôi không thấy bất cứ điều gì được viết khi tôi chạy trang.

Hãy giúp tôi.

+0

Tiêu chuẩn hơn để viết các thuộc tính với các chữ cái nhỏ, tức là 'lớp', không phải là 'Lớp'. Ngoài ra những gì tôi nghĩ rằng bạn đang thiếu là bạn đang tạo ra hai lớp: 'nút' và 'kiểm tra'. – pthulin

Trả lời

14

Chỉ chuỗi các lớp CSS với nhau, ngăn cách bởi thời gian:

$('.button.check').html("sample data"); 

Bạn cũng sẽ thấy hiệu suất tốt hơn trong một số trình duyệt, bằng cách xác định tên thẻ cũng như:

$('div.button.check').html("sample data"); 

Cập nhật : Sau khi đọc Brian's answer, tôi đọc lại câu hỏi ban đầu tôi nhận ra rằng bạn có thể bị ấn tượng bạn cần sử dụng cả hai để tham khảo div. Nếu bạn có:

<div class="button cancel">Cancel</div> 
<div class="button check">Check</div> 

Sau đó, bộ chọn chuỗi (ví dụ: .button.cancel) sẽ có ý nghĩa. Tuy nhiên, nếu đó là chỉ div trên trang hoặc bạn muốn tất cả các divs với button lớp, bạn không cần cả hai lớp:

<div class="button check">Check</div> 

này sẽ chọn nó tốt:

$('div.check').html("sample data"); 
+1

+1, quá nhanh đối với tôi .., và bạn cũng có thể làm '$ ('. Check.button')' thứ tự của các lớp không quan trọng .. (* như một ghi chú cho OP *) –

+0

@Gaby ... haha, tôi luôn cảm thấy may mắn khi điều đó xảy ra ... Tôi chắc chắn bạn sẽ đưa tôi vào một câu hỏi khác :) –

+0

Ngoài ra, ID định tuyến chọn luôn luôn thực hiện nhanh hơn. Ví dụ: $ ("# header .button.check"). – BBonifield

2

Can bạn chỉ nhắm vào một lớp, bạn có cần cả hai không? Bạn có thể làm một lớp như:

$("div.button") 

HOẶC

$(".button") 

Đối với nhiều lớp học, nó có thể là:

$(".button, .check") 

OR:

$(".button").add(".check") 

HTH.

+0

@Brian +1 cho độ sâu của sự hiểu biết! Tôi hoàn toàn bỏ lỡ khả năng OP cho rằng cả hai lớp đều cần thiết. Câu trả lời hay, mặc dù hai ví dụ cuối cùng là một chút bối rối cho bối cảnh của một yếu tố duy nhất được trình bày bởi OP. –

+0

Đúng, điểm tốt. –

Các vấn đề liên quan