Bộ chọn jQuery: Chọn phần tử có thuộc tính lớp và thuộc tính 'tiêu đề' cụ thể

Question

Điều này phải dễ dàng, nhưng tôi không thể tìm thấy một ví dụ hay ở bất kỳ đâu. Tôi đang cố gắng chọn một yếu tố cụ thể trên trang của mình có lớp 'trạng thái' và thuộc tính tiêu đề của một trong ba tùy chọn. Tùy chọn (nó sẽ phụ thuộc) được lưu trữ trong một biến được gọi là 'currentStatus'. Tôi đã nhìn thấy một số ví dụ, và tôi đoán đây là đi đúng hướng, nhưng tôi cần phải biết chắc chắn:

$(".statuslight[title]='" + currentStatus + "'"); 

Answer 1

Rất gần:

$(".statuslight[title='" + currentStatus + "']"); 

Giả sử bạn currentStatus là một mảng, bạn có thể nhận được tất cả các yếu tố statuslight với một tiêu đề có chứa bất kỳ currentStatus giá trị với:

$(".statuslight[title='" + currentStatus[0] + "'], .statuslight[title='" + currentStatus[1] + "'], .statuslight[title='" + currentStatus[2] + "']"); 

Ngoài ra, nếu tiêu đề của bạn có nhiều trạng thái (title="status1 status2 status3") và currentStatus chỉ là một mục bạn sẽ sử dụng công cụ chọn này:

$(".statuslight[title~='" + currentStatus + "']");