2012-04-25 36 views
5

Tôi có một số yếu tố html trong mã của tôi như thế nàychọn tất cả các yếu tố html dựa trên giá trị rel

<div rel="test1">item1</div> 
<div rel="test1">item2</div> 
<div rel="test1">item3</div> 
<div rel="test2">item4</div> 
<div rel="test2">item5</div> 

và tôi cần một cách để chọn tất cả các divs sử dụng rel="test1" và thêm một lớp học để họ thế nào có thể Tôi làm điều này với jQuery?

Trả lời

6
$('div[rel=\'test1\']') 

http://api.jquery.com/category/selectors/attribute-selectors/

Sau đó bạn có thể thêm một lớp học với .addClass(). http://api.jquery.com/addClass/

+2

Bạn không cần phải thoát khỏi '' 'bạn có thể sử dụng' "' hoặc bỏ qua nó làm việc các dấu ngoặc kép phải được sử dụng cho hai từ có giá trị – gdoron

+2

@ gdoron, Đó là vấn đề ưu tiên. – Brad

+0

Tại sao lại là downvote? Câu trả lời này có bằng cách nào đó không chính xác không? Tôi nghi ngờ điều đó. – Brad

1
$(function(){ 
    $("div[rel='test1']").addClass("newClass");  
}); 

mẫu http://jsfiddle.net/4WEBk/13/

+1

Mặc dù đó là sự thật, bạn không hiển thị bit 'addClass'. :) có thể là ý tưởng tốt để thêm nó vào câu trả lời của bạn. – gdoron

+0

Ya, tôi cũng nghĩ thế. –

+0

Tôi chỉ cho thấy cách truy cập các mục với lựa chọn tinh khiết đó. Tìm ra bây giờ rằng ông muốn thêm lớp học là tốt. Cảm ơn các bạn đã chỉ ra. Tôi đã cập nhật. – Shyju

4
​$('div[rel="test1"]')​.addClass("myClass");​ 

Demo

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