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

Selectors สามารถใช้ใน jQuery เพื่อให้ตรงกับชุดขององค์ประกอบในเอกสาร ตัวเลือก CSS ส่วนใหญ่จะใช้งานรวมถึงชุดตัวเลือกที่กำหนดเอง

24
jQuery Set เลือกดัชนี
ฉันมีกล่องที่เลือก: <select id="selectBox"> <option value="0">Number 0</option> <option value="1">Number 1</option> <option value="2">Number 2</option> <option value="3">Number 3</option> <option value="4">Number 4</option> <option value="5">Number 5</option> <option value="6">Number 6</option> <option value="7">Number 7</option> </select> ฉันต้องการตั้งค่าตัวเลือกอย่างใดอย่างหนึ่งเป็น "เลือก" ตามดัชนีที่เลือก ตัวอย่างเช่นหากฉันพยายามตั้งค่า "หมายเลข 3" ฉันจะลองทำดังนี้: $('#selectBox')[3].attr('selected', 'selected'); แต่มันไม่ได้ผล ฉันจะตั้งค่าตัวเลือกตามที่เลือกโดยใช้ดัชนีเป็น jQuery ได้อย่างไร ขอบคุณ!

5
jQuery selector สำหรับเลเบลของกล่องกาเครื่องหมาย
<input type="checkbox" name="filter" id="comedyclubs"/> <label for="comedyclubs">Comedy Clubs</label> หากฉันมีช่องทำเครื่องหมายที่มีป้ายกำกับอธิบายอยู่ฉันจะเลือกป้ายกำกับด้วย jQuery ได้อย่างไร มันจะง่ายกว่าไหมถ้าจะให้รหัสป้ายกำกับแท็กและเลือกใช้$(#labelId)?

18
jQuery: ตรวจสอบว่า div มีชื่อคลาสที่แน่นอนอยู่หรือไม่
ใช้ jQuery ฉันกำลังสร้างโปรแกรมdivแบบนี้: <div class="mydivclass" id="myid1">Some Text1</div> <div class="mydivclass" id="myid2">Some Text2</div> ที่อื่นในรหัสของฉันฉันต้องตรวจสอบว่า DIV เหล่านี้อยู่ ชื่อคลาสสำหรับ divs เหมือนกัน แต่ ID จะเปลี่ยนสำหรับแต่ละ div มีความคิดวิธีตรวจจับพวกเขาโดยใช้ jQuery ไหม

8
จะตรวจสอบได้อย่างไรว่าองค์ประกอบไม่มีคลาสเฉพาะหรือไม่?
ฉันจะตรวจสอบได้อย่างไรว่าไม่มีคลาส ตัวอย่างเช่นฉันรู้วิธีตรวจสอบเพื่อดูว่ามีคลาส "ทดสอบ" แต่ฉันจะตรวจสอบเพื่อดูว่าไม่มีคลาส "ทดสอบ" ได้อย่างไร if($(this).hasClass("test")){ }

8
รับรายการช่องทำเครื่องหมายที่เลือกไว้ใน div โดยใช้ jQuery
ฉันต้องการรับรายชื่อกล่องกาเครื่องหมายที่เลือกไว้ใน div ด้วยรหัสที่แน่นอน ฉันจะทำสิ่งนั้นโดยใช้ jQuery ได้อย่างไร เช่นสำหรับ div นี้ฉันต้องการรับอาร์เรย์ ["c_n_0"; "c_n_3"] หรือสตริง "c_n_0; c_n_3" <div id="checkboxes"> <input id="chkbx_0" type="checkbox" name="c_n_0" checked="checked" />Option 1 <input id="chkbx_1" type="checkbox" name="c_n_1" />Option 2 <input id="chkbx_2" type="checkbox" name="c_n_2" />Option 3 <input id="chkbx_3" type="checkbox" name="c_n_3" checked="checked" />Option 4 </div>

4
การเลือกหลายคลาสด้วย jQuery
ฉันดูดีและไม่สามารถหาวิธีเลือกองค์ประกอบทั้งหมดที่ตรงกับคลาสที่ต้องการในคำสั่งตัวเลือก jQuery เดียวเช่นนี้ $('.myClass', '.myOtherClass').removeClass('theclass'); ความคิดใด ๆ เกี่ยวกับวิธีการบรรลุสิ่งนี้? ตัวเลือกอื่น ๆ เท่านั้นที่จะทำ $('.myClass').removeClass('theclass'); $('.myOtherClass').removeClass('theclass'); แต่ฉันทำอย่างนี้กับคลาสไม่กี่ครั้งดังนั้นจึงต้องใช้รหัสมาก

15
การใช้ jquery เพื่อรับช่องทำเครื่องหมายที่เลือกทั้งหมดด้วยชื่อคลาสที่แน่นอน
ฉันรู้ว่าฉันจะได้รับช่องทำเครื่องหมายทั้งหมดในหน้าโดยใช้สิ่งนี้: $('input[type=checkbox]').each(function () { var sThisVal = (this.checked ? $(this).val() : ""); }); แต่ตอนนี้ฉันใช้สิ่งนี้ในหน้าเว็บที่มีช่องทำเครื่องหมายอื่นที่ฉันไม่ต้องการรวม ฉันจะเปลี่ยนรหัสด้านบนเพื่อดูเฉพาะช่องทำเครื่องหมายที่มีคลาสได้อย่างไร

6
jQuery's .bind () และ. on ()
ผมพบว่าทั้งสองบทความที่ดีพูดคุยเกี่ยวกับฟังก์ชั่นใหม่.on(): jquery4u.com , elijahmanor.com มีวิธีที่ใด ๆ.bind()ยังคงดีกว่าที่จะใช้งานกว่า.on()? ตัวอย่างเช่นฉันมีรหัสตัวอย่างที่มีลักษณะเช่นนี้: $("#container").click( function( e ) {} ) คุณสามารถทราบได้ว่าฉันเพิ่งมีรายการหนึ่งรายการที่เลือกโดยและในกรณีของฉัน<div>ชื่อที่#containerมีอยู่แล้วเมื่อโหลดหน้าของฉัน ไม่ได้เพิ่มแบบไดนามิก เป็นสิ่งสำคัญที่ต้องกล่าวถึงว่าฉันใช้ jQuery เวอร์ชันล่าสุด: 1.7.2 สำหรับตัวอย่างนั้นควร.on()ใช้แทน.bind()แม้ว่าฉันจะไม่ใช้คุณสมบัติอื่น ๆ ที่มีให้โดย.on()ฟังก์ชั่น?

4
ฉันจะแยก $ (สิ่งนี้) ออกจากตัวเลือก jQuery ได้อย่างไร
ฉันมีสิ่งนี้: <div class="content"> <a href="#">A</a> </div> <div class="content"> <a href="#">B</a> </div> <div class="content"> <a href="#">C</a> </div> เมื่อคลิกที่ลิงค์ใดลิงค์หนึ่งเหล่านี้ฉันต้องการที่จะใช้งานฟังก์ชัน. leather () บนลิงก์ที่ไม่ได้คลิก ฉันเข้าใจว่า jQuery มีตัวเลือก: ไม่ใช่ตัวเลือก แต่ฉันไม่สามารถหาวิธีใช้ในกรณีนี้ได้เนื่องจากจำเป็นต้องเลือกลิงก์ที่ใช้$(".content a") ฉันต้องการทำบางสิ่งเช่น $(".content a").click(function() { $(".content a:not(this)").hide("slow"); }); แต่ฉันไม่สามารถหาวิธีใช้: ไม่เลือกได้อย่างถูกต้องในกรณีนี้

9
รับลูกคนที่สองโดยใช้ jQuery
$(t).html() ผลตอบแทน <td>test1</td><td>test2</td> ฉันต้องการดึงข้อมูลที่สองtdจาก$(t)วัตถุ ฉันค้นหาวิธีแก้ปัญหา แต่ไม่มีอะไรทำงานให้ฉัน ความคิดวิธีการรับองค์ประกอบที่สอง?

9
ตัวเลือกข้อมูล jquery
ฉันต้องเลือกองค์ประกอบตามค่าที่เก็บไว้ใน.data()วัตถุขององค์ประกอบ อย่างน้อยที่สุดฉันต้องการเลือกคุณสมบัติข้อมูลระดับสูงสุดโดยใช้ตัวเลือกอาจเป็นดังนี้: $('a').data("category","music"); $('a:data(category=music)'); หรือบางทีตัวเลือกจะอยู่ในรูปแบบตัวเลือกแอตทริบิวต์ปกติ: $('a[category=music]'); หรือในรูปแบบของแอตทริบิวต์ แต่มีตัวระบุเพื่อระบุว่าอยู่ใน.data(): $('a[:category=music]'); ฉันพบว่าการใช้งานของ James Padolseyดูเรียบง่าย แต่ก็ดี รูปแบบตัวเลือกด้านบนวิธีการมิเรอร์ที่แสดงในหน้านั้น นอกจากนี้ยังมีแพทช์ Sizzleนี้ ด้วยเหตุผลบางอย่างฉันจำได้ว่าได้อ่านมาพักหนึ่งแล้วว่า jQuery 1.4 จะรวมการสนับสนุน selector สำหรับค่าใน.data()วัตถุjquery อย่างไรก็ตามตอนนี้ฉันกำลังหามันฉันไม่สามารถหามันได้ อาจเป็นเพียงคำขอคุณลักษณะที่ฉันเห็น มีการสนับสนุนสำหรับสิ่งนี้และฉันแค่ไม่เห็นมันใช่ไหม โดยอุดมคติแล้วฉันต้องการสนับสนุนคุณสมบัติย่อยใน data () โดยใช้เครื่องหมายจุด แบบนี้: $('a').data("user",{name: {first:"Tom",last:"Smith"},username: "tomsmith"}); $('a[:user.name.first=Tom]'); ฉันยังต้องการสนับสนุนตัวเลือกข้อมูลหลายตัวที่พบเฉพาะองค์ประกอบที่มีตัวเลือกข้อมูลทั้งหมดที่ระบุเท่านั้น jquery หลายตัวเลือกปกติจะเป็นการดำเนินการหรือ ตัวอย่างเช่น$('a.big, a.small')เลือกaแท็กที่มีคลาสbigหรือsmall) ฉันกำลังมองหาและอาจเป็นเช่นนี้: $('a').data("artist",{id: 3281, name: "Madonna"}); $('a').data("category","music"); $('a[:category=music && :artist.name=Madonna]'); ท้ายสุดมันจะดีถ้าตัวดำเนินการเปรียบเทียบและคุณสมบัติ regex …

12
นับองค์ประกอบลูกรองทันทีโดยใช้ jQuery
ฉันมีโครงสร้างโหนด HTML ต่อไปนี้: <div id="foo"> <div id="bar"></div> <div id="baz"> <div id="biz"></div> </div> <span></span> </div> ฉันจะนับจำนวนเด็กfooที่อยู่ในประเภทนั้นได้divอย่างไร ในตัวอย่างด้านบนผลลัพธ์ควรเป็นสอง ( barและbaz)

5
ตัวเลือก jQuery สำหรับอินพุตที่มีวงเล็บเหลี่ยมในแอตทริบิวต์ name
ฉันกำลังพยายามเลือกองค์ประกอบนี้ซึ่งมีวงเล็บเหลี่ยมในแอตทริบิวต์ชื่อ: <input type="text" name="inputName[]" value="someValue"> ฉันลองสิ่งนี้ (ซึ่งใช้งานไม่ได้): $('input[inputName[]=someValue]') และไม่ทำสิ่งนี้: $('input[inputName[]=someValue]') หรือสิ่งนี้: $('input["inputName[]"=someValue]') แก้ไข:ตามที่คุณบางคนชี้ให้เห็น$('input[inputName=someValue]')จะไม่ทำงาน สิ่งที่ฉันพยายามทำคือ$('input[name=inputName][value=someValue]'). (แต่มี[]ในแอตทริบิวต์ชื่อ)

8
ฉันจะรับ jQuery เพื่อเลือกองค์ประกอบด้วย a ได้อย่างไร (จุด) ใน ID ของพวกเขา?
รับคลาสต่อไปนี้และวิธีการดำเนินการควบคุม: public School { public Int32 ID { get; set; } publig String Name { get; set; } public Address Address { get; set; } } public class Address { public string Street1 { get; set; } public string City { get; set; } public String ZipCode { get; set; …

6
jQuery: เลือกคลาสและรหัสองค์ประกอบในเวลาเดียวกัน?
ฉันมีบางลิงค์ที่ฉันต้องการเลือกคลาสและรหัสในเวลาเดียวกัน นั่นเป็นเพราะฉันมีพฤติกรรมที่แตกต่าง 2 อย่าง เมื่อคลาสของลิงก์มีชื่อคลาสหนึ่งชื่อพวกมันจะทำงานในทิศทางเดียวเมื่อลิงก์ประเภทเดียวกันมีชื่อคลาสอื่นพวกมันก็จะทำงานต่างกัน ชื่อคลาสเป็น switch with jquery ดังนั้นฉันต้องสามารถเลือกลิงค์คลาสและรหัสได้ในเวลาเดียวกัน เป็นไปได้ไหม ฉันพยายามแล้ว: $("a .save #country") ไม่มีผลลัพธ์ใด ๆ

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.