jQuery: chọn tất cả các thành phần của một lớp nhất định, ngoại trừ một Id cụ thể

Điều này có lẽ khá đơn giản.

Tôi muốn chọn tất cả các phần tử của một lớp nhất định thisClass, ngoại trừ vị trí của id thisId.

tức là một cái gì đó tương đương với (trong đó - / trừ hàm ý loại bỏ):

$(".thisClass"-"#thisId").doAction();

Sử dụng : không chọn .

$(".thisclass:not(#thisid)").doAction();

Nếu bạn có nhiều id hoặc bộ chọn, chỉ cần sử dụng dấu phân cách dấu phẩy, ngoài ra:

(".thisclass:not(#thisid,#thatid)").doAction();

Hoặc dùng phương thức .not ()

https://api.jquery.com/not/

$(".thisClass").not("#thisId").doAction();

Bạn có thể sử dụng hàm .not như các ví dụ sau để xóa các mục có id chính xác, id chứa một từ cụ thể, id bắt đầu bằng một từ, v.v ... xem http://www.w3schools.com/jquery/jquery_Vf_selector .asp để biết thêm thông tin về bộ chọn jQuery.

Bỏ qua bởi ID chính xác:

 $(".thisClass").not('[id="thisId"]').doAction();

Bỏ qua ID có chứa từ "Id"

$(".thisClass").not('[id*="Id"]').doAction();

Bỏ qua ID bắt đầu bằng "của tôi"

$(".thisClass").not('[id^="my"]').doAction();

Tôi sẽ chỉ đưa ra câu trả lời của JS (ES6), trong trường hợp ai đó đang tìm kiếm nó:

Array.from(document.querySelectorAll(".myClass:not(#myId)")).forEach((el,i) => {
    doSomething(el);
}

Cập nhật (điều này có thể đã có thể khi tôi đăng câu trả lời ban đầu, nhưng dù sao hãy thêm nó ngay bây giờ):

document.querySelectorAll(".myClass:not(#myId)").forEach((el,i) => {
    doSomething(el);
});

Điều này được loại bỏ việc Array.fromsử dụng.

document.querySelectorAlltrả về a NodeList.
Đọc ở đây để biết thêm về cách lặp lại trên đó (và những thứ khác): https://developer.mozilla.org/en-US/docs/Web/API/NodeList

$(".thisClass[id!='thisId']").doAction();

Tài liệu về các công cụ chọn: http://api.jquery.com/carget/selector/

Sử dụng .not()phương pháp với việc chọn toàn bộ phần tử cũng là một tùy chọn.

Cách này có thể hữu ích nếu bạn muốn thực hiện một hành động khác với phần tử đó trực tiếp.

$(".thisClass").not($("#thisId")[0].doAnotherAction()).doAction();