คำถามติดแท็ก jquery-selectors

$("*").click(function(){ $(this); // how can I get selector from $(this) ? }); มีวิธีง่ายๆในการรับตัวเลือก$(this)หรือไม่? มีวิธีการเลือกองค์ประกอบโดยตัวเลือก แต่สิ่งที่เกี่ยวกับการเลือกจากองค์ประกอบ ?

112 javascript  jquery  jquery-selectors  tree-traversal 

ฉันกำลังคิดว่าถ้าเป็นไปได้ใน jQuery ให้เลือกองค์ประกอบตามแอตทริบิวต์ที่ตั้งชื่อโดยใช้ AND และ OR ตัวอย่าง: <div myid="1" myc="blue">1</div> <div myid="2" myc="blue">2</div> <div myid="3" myc="blue">3</div> <div myid="4">4</div> ฉันต้องการเลือกองค์ประกอบทั้งหมดโดยที่myc="blue"แต่เฉพาะองค์ประกอบที่myidตั้งค่าเป็น 1 หรือ 3 ฉันจึงลอง: a=$('[myc="blue"] [myid="1"] [myid="3"]'); แต่ไม่ได้ผลเหมือนกันที่นี่: a=$('[myc="blue"] && [myid="1"] || [myid="3"]'); เป็นไปได้หรือไม่โดยไม่ต้องเขียนฟังก์ชันตัวกรองพิเศษ

105 jquery  jquery-selectors  find  operators 

เท่าคือผมรู้ว่ามีหลายวิธีในการเลือกองค์ประกอบของเด็กในjQuery //Store parent in a variable var $parent = $("#parent"); วิธีที่ 1 (โดยใช้ขอบเขต) $(".child", $parent).show(); วิธีที่ 2 (วิธีค้นหา ()) $parent.find(".child").show(); วิธีที่ 3 (สำหรับเด็กในระยะใกล้เท่านั้น) $parent.children(".child").show(); วิธีที่ 4 (ผ่านตัวเลือก CSS) - แนะนำโดย @spinon $("#parent > .child").show(); วิธีที่ 5 (เหมือนกับวิธีที่ 2 ) - ตาม @Kai $("#parent .child").show(); ฉันไม่คุ้นเคยกับการทำโปรไฟล์เพื่อให้สามารถตรวจสอบสิ่งนี้ได้ด้วยตัวเองดังนั้นฉันอยากจะเห็นสิ่งที่คุณพูด ปล. ฉันเข้าใจว่านี่อาจเป็นคำถามที่ซ้ำกันได้แต่ไม่ครอบคลุมทุกวิธี

101 jquery  performance  jquery-selectors  profiling 

เลือกองค์ประกอบที่ฉันได้ตั้งค่าไว้ก่อนหน้านี้ jquery.data(); เช่นเลือกองค์ประกอบทั้งหมดที่มี.data('myAttr')การตั้งค่าไว้แล้ว วิธีการแก้ jsfiddle เพื่อ demostrate คือ Fiddle

101 javascript  jquery  jquery-selectors 

ฉันเพิ่งอัปเกรด PHPStorm IDE เวอร์ชันของฉันและตอนนี้เตือนฉันเกี่ยวกับการใช้งาน jQuery ที่ไม่มีประสิทธิภาพ ตัวอย่างเช่น: var property_single_location = $("#property [data-role='content'] .container"); แจ้งคำเตือนนี้: ตรวจสอบว่าใช้ตัวเลือก jQuery อย่างมีประสิทธิภาพ แนะนำให้แยกตัวเลือกลูกหลานซึ่งนำหน้าด้วยตัวเลือก ID และเตือนเกี่ยวกับตัวเลือกที่ซ้ำกันซึ่งสามารถแคชได้ ดังนั้นคำถามของฉันคือ: เหตุใดจึงไม่มีประสิทธิภาพและวิธีใดที่มีประสิทธิภาพในการเลือกตัวเลือกข้างต้น ฉันเดาว่า: var property_single_location = $("#property").find("[data-role='content']").find(".container"); เป็นวิธีที่ถูกต้องหรือไม่?

100 jquery  jquery-selectors  performance 

ฉันยังใหม่กับ jQuery และฉันสงสัยว่าความแตกต่างระหว่าง jQuery get()และeq()ฟังก์ชันคืออะไร ฉันอาจเข้าใจผิดว่าget()ฟังก์ชันทำอะไร แต่ฉันคิดว่ามันแปลกที่ฉันไม่สามารถเรียกใช้ฟังก์ชันที่ส่งคืนในองค์ประกอบที่ส่งคืนในบรรทัดเดียวกัน //Doesn't work I.e. $("h2").get(0).fadeIn("slow"); //Works $("h2").eq(0).fadeIn("slow");

99 jquery  jquery-selectors 

ชื่อขั้นสูงคำถามง่ายๆ: ฉันจะทำสิ่งต่อไปนี้ใน jQuery ได้อย่างไร (ซ่อนทุกอย่างยกเว้น$(this)) $("table tr").click(function() { $("table tr:not(" + $(this) + ")").hide(); // $(this) is only to illustrate my problem $("table tr").show(); });

97 jquery  jquery-selectors  this 

มีบางอย่างใน jquery ที่ช่วยให้ฉันแยกความแตกต่างระหว่างพฤติกรรมในการดับเบิลคลิกและคลิกครั้งเดียวได้หรือไม่ เมื่อฉันเชื่อมโยงทั้งสองเข้ากับองค์ประกอบเดียวกันจะมีการดำเนินการคลิกเพียงครั้งเดียวเท่านั้น มีวิธีการรอสักครู่ก่อนที่จะดำเนินการคลิกเพียงครั้งเดียวเพื่อดูว่าผู้ใช้คลิกอีกครั้งหรือไม่? ขอบคุณ :)

97 jquery  jquery-selectors 

ฉันกำลังพยายามเลือกองค์ประกอบทั้งหมดที่มีdata-go-toแอตทริบิวต์ที่ไม่ว่างเปล่า ฉันได้ลองแล้ว$('[data-go-to!=""]')แต่แปลกพอที่จะเลือกทุกองค์ประกอบในหน้าถ้าฉันทำอย่างนั้น

96 javascript  jquery  jquery-selectors  custom-data-attribute 

สมมติว่าฉันมีมาร์กอัปดังนี้: <div id="foo"> ... <span id="moo"> ... </span> ... </div> และฉันต้องการเลือก #moo ทำไมถึงใช้$('#foo').find('span')งานได้ แต่$('span', $('#foo'));ทำไม่ได้?

95 jquery  jquery-selectors  parent-child 

จะเลือกองค์ประกอบลูกสุดท้ายใน jQuery ได้อย่างไร? ลูกคนสุดท้ายไม่ใช่ลูกหลานของมัน

93 jquery  jquery-selectors 

เพื่อให้เป็นตัวอย่างที่เรียบง่ายฉันได้บล็อกต่อไปนี้ซ้ำแล้วซ้ำอีกในหน้าหลาย ๆ ครั้ง (สร้างแบบไดนามิก): <div class="box"> <div class="something1"></div> <div class="something2"> <a class="mylink">My link</a> </div> </div> เมื่อคลิกฉันจะไปที่แม่ของลิงก์โดยใช้: $(".mylink").click(function() { $(this).parents(".box").fadeOut("fast"); }); อย่างไรก็ตาม ... ฉันต้องไปหา<div class="something1">พ่อแม่คนนั้น โดยทั่วไปมีใครบอกฉันได้ไหมว่าจะอ้างถึงพี่น้องระดับสูงกว่าโดยไม่สามารถอ้างถึงโดยตรงได้อย่างไร? ขอเรียกว่าพี่ใหญ่ การอ้างอิงโดยตรงไปยังชื่อชั้นของพี่ใหญ่จะทำให้ทุกอินสแตนซ์ขององค์ประกอบนั้นในหน้านั้นเลือนหายไปซึ่งไม่ใช่เอฟเฟกต์ที่ต้องการ ฉันพยายามแล้ว: parents(".box .something1") ... no luck. parents(".box > .something1") ... no luck. siblings() ... no luck. ทุกคน? ขอบคุณ.

92 jquery  jquery-selectors  parent  siblings 

ฉันจะตรวจสอบได้อย่างไรว่าองค์ประกอบที่ส่งคืนโดย: input filter ใน jQuery เป็น textbox หรือ select list ฉันต้องการมีพฤติกรรมที่แตกต่างกันสำหรับแต่ละอย่าง (กล่องข้อความส่งคืนค่าข้อความเลือกส่งคืนทั้งคีย์และข้อความ) ตัวอย่างการตั้งค่า: <div id="InputBody"> <div class="box"> <span id="StartDate"> <input type="text" id="control1"> </span> <span id="Result"> <input type="text" id="control2"> </span> <span id="SelectList"> <select> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select> </span> </div> <div class="box"> <span id="StartDate"> <input type="text" …

90 jquery  jquery-selectors 

ฉันสามารถเลือก (โดยใช้ jQuery) div ทั้งหมดในมาร์กอัป HTML ได้ดังนี้: $('div') แต่ฉันต้องการแยกเฉพาะdiv(พูดว่ามีid="myid") จากการเลือกด้านบน ฉันจะทำสิ่งนี้โดยใช้ฟังก์ชัน Jquery ได้อย่างไร

90 javascript  jquery  jquery-selectors 

ฉันเหนื่อย $(":input:not(input[type=button],input[type=submit],button):visible:first") แต่ไม่พบอะไรเลย ความผิดพลาดของฉันคืออะไร? UPD: ฉันดำเนินการกับ $ (document) .load () <script type="text/javascript"> $(window).load(function () { var aspForm = $("form#aspnetForm"); var firstInput = $(":input:not(input[type=button],input[type=submit],button):visible:first", aspForm); firstInput.focus(); }); </script> และในการดีบักฉันเห็นว่า firstInput ว่างเปล่า UPD2: ฉันอยู่ในเพจ ASP.NET ที่ทำงานภายใต้ Sharepoint จนถึงตอนนี้ฉันพบว่าสำหรับบางองค์ประกอบจะพบพวกมัน (สำหรับองค์ประกอบคงที่) และสำหรับบางองค์ประกอบก็ไม่พบ :(

88 jquery  input  jquery-selectors