jQuery: เลือกองค์ประกอบทั้งหมดของคลาสที่กำหนดยกเว้นรหัสเฉพาะ

นี่อาจจะค่อนข้างง่าย

ฉันต้องการที่จะเลือกองค์ประกอบทั้งหมดของชั้นได้รับthisClassยกเว้นที่ id thisIdคือ

เช่นสิ่งที่เทียบเท่ากับ (ที่ไหน - / ลบหมายถึงลบ):

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

ใช้: ไม่ได้เลือก

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

หากคุณมีรหัสหรือตัวเลือกหลายตัวให้ใช้เครื่องหมายจุลภาคคั่นนอกจากนี้:

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

หรือใช้เมธอด. not ()

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

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

คุณสามารถใช้ฟังก์ชั่น. notเช่นตัวอย่างต่อไปนี้เพื่อลบรายการที่มี id, id ที่มีคำเฉพาะ, id ที่ขึ้นต้นด้วยคำ, ฯลฯ ... ดูhttp://www.w3schools.com/jquery/jquery_ref_selectors . aspสำหรับข้อมูลเพิ่มเติมเกี่ยวกับตัวเลือก jQuery

เพิกเฉยตามรหัสที่แน่นอน:

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

ไม่ต้องสนใจ ID ที่มีคำว่า "Id"

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

ไม่สนใจ ID ที่ขึ้นต้นด้วย "my"

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

ฉันจะตอบคำถาม JS (ES6) ในกรณีที่มีคนค้นหา:

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

อัปเดต (อาจเป็นไปได้เมื่อฉันโพสต์คำตอบเดิม แต่เพิ่มตอนนี้ต่อไป):

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

นี่เป็นการกำจัดการArray.fromใช้งาน

document.querySelectorAllNodeListผลตอบแทน
อ่านที่นี่เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับวิธีการทำซ้ำ (และสิ่งอื่น ๆ ): https://developer.mozilla.org/en-US/docs/Web/API/NodeList

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

เอกสารเกี่ยวกับตัวเลือก: http://api.jquery.com/category/selectors/

การใช้.not()วิธีการด้วยการเลือกองค์ประกอบทั้งหมดก็เป็นตัวเลือกเช่นกัน

วิธีนี้อาจมีประโยชน์หากคุณต้องการดำเนินการอื่นกับองค์ประกอบนั้นโดยตรง

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