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

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

30
ฉันจะรู้ได้อย่างไรว่าปุ่มตัวเลือกใดถูกเลือกผ่าน jQuery
ฉันมีปุ่มตัวเลือกสองปุ่มและต้องการโพสต์ค่าของปุ่มที่เลือก ฉันจะรับค่าด้วย jQuery ได้อย่างไร ฉันสามารถรับพวกเขาทั้งหมดเช่นนี้: $("form :radio") ฉันจะรู้ได้อย่างไรว่าอันไหนถูกเลือก?


18
วิธีรับลูกของตัวเลือก $ (อันนี้)?
ฉันมีเค้าโครงคล้ายกับสิ่งนี้: <div id="..."><img src="..."></div> และต้องการใช้ตัวเลือก jQuery เพื่อเลือกลูกที่imgอยู่ภายในdivเมื่อคลิก เพื่อให้ได้divฉันมีตัวเลือกนี้: $(this) ฉันจะให้เด็กimgใช้เครื่องมือเลือกได้อย่างไร?

13
ฉันจะเลือกองค์ประกอบที่มีหลายคลาสใน jQuery ได้อย่างไร
ฉันต้องการที่จะเลือกองค์ประกอบทั้งหมดที่มีสองชั้นและab <element class="a b"> ดังนั้นเฉพาะองค์ประกอบที่มีทั้งชั้นเรียน เมื่อฉันใช้$(".a, .b")มันทำให้ฉันมีสหภาพ แต่ฉันต้องการแยก


20
jQuery รับข้อความแท็กตัวเลือกที่เฉพาะเจาะจง
เอาล่ะพูดว่าฉันมี: <select id='list'> <option value='1'>Option A</option> <option value='2'>Option B</option> <option value='3'>Option C</option> </select> ตัวเลือกจะเป็นอย่างไรถ้าฉันต้องการได้รับ "ตัวเลือก B" เมื่อฉันมีค่า '2' โปรดทราบว่านี่ไม่ได้ถามถึงวิธีรับค่าข้อความที่เลือกแต่เพียงอย่างใดอย่างหนึ่งไม่ว่าจะเลือกหรือไม่ขึ้นอยู่กับแอตทริบิวต์ค่า ฉันเหนื่อย: $("#list[value='2']").text(); แต่มันไม่ทำงาน

13
ฉันจะเลือกองค์ประกอบตามชื่อด้วย jQuery ได้อย่างไร
มีคอลัมน์ตารางฉันพยายามที่จะขยายและซ่อน: jQuery ดูเหมือนว่าจะซ่อนtdองค์ประกอบเมื่อฉันเลือกโดยระดับแต่ไม่ได้โดยองค์ประกอบของชื่อ ตัวอย่างเช่นทำไม: $(".bold").hide(); // selecting by class works $("tcol1").hide(); // select by element name does not work หมายเหตุ HTML ด้านล่างคอลัมน์ที่สองมีชื่อเหมือนกันสำหรับทุกแถว ฉันจะสร้างคอลเลกชันนี้โดยใช้nameแอตทริบิวต์ได้อย่างไร <tr> <td>data1</td> <td name="tcol1" class="bold"> data2</td> </tr> <tr> <td>data1</td> <td name="tcol1" class="bold"> data2</td> </tr> <tr> <td>data1</td> <td name="tcol1" class="bold"> data2</td> </tr>

11
รับค่าในกล่องข้อความอินพุต
วิธีการรับและแสดงค่าอินพุตโดยใช้ jQuery มีวิธีใดบ้าง นี่คือหนึ่ง: $(document).ready(function() { $("#txt_name").keyup(function() { alert($(this).val()); }); }) <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> <input type="text" id="txt_name" /> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล

9
jQuery จะหาองค์ประกอบตามค่า data-attribute ได้อย่างไร?
ฉันมีสถานการณ์ต่อไปนี้: var el = 'li'; และมี 5 <li>'s บนหน้าแต่ละคนมีdata-slide=numberแอตทริบิวต์(หมายเลขเป็น 1,2,3,4,5 ตามลำดับ) ตอนนี้ฉันต้องการค้นหาหมายเลขสไลด์ที่ใช้งานอยู่ในปัจจุบันซึ่งแมปไปvar current = $('ul').data(current);แล้วและได้รับการอัปเดตในการเปลี่ยนสไลด์แต่ละครั้ง จนถึงตอนนี้ความพยายามของฉันยังไม่สำเร็จพยายามสร้างตัวเลือกที่จะตรงกับสไลด์ปัจจุบัน: $('ul').find(el+[data-slide=+current+]); ไม่ตรงกับ / คืนอะไร ... เหตุผลที่ฉันไม่สามารถ hardcode เป็นส่วนหนึ่งที่ว่านี้เป็นผู้ใช้สามารถเข้าถึงตัวแปรที่สามารถเปลี่ยนไปเป็นองค์ประกอบที่แตกต่างกันถ้าจำเป็นดังนั้นจึงอาจไม่เคยเป็นlili ความคิดใด ๆ เกี่ยวกับสิ่งที่ฉันหายไป?

27
ตั้งค่าตัวเลือกเลือก 'เลือก' ตามค่า
ฉันมีselectฟิลด์ที่มีตัวเลือกบางอย่างอยู่ในนั้น ตอนนี้ฉันต้องเลือกหนึ่งในนั้นoptionsด้วย jQuery แต่ฉันจะทำอย่างนั้นได้อย่างไรเมื่อฉันรู้เพียงว่าvalueสิ่งoptionนั้นต้องถูกเลือก? ฉันมี HTML ต่อไปนี้: <div class="id_100"> <select> <option value="val1">Val 1</option> <option value="val2">Val 2</option> <option value="val3">Val 3</option> </select> </div> val2ฉันจำเป็นต้องเลือกตัวเลือกที่มีค่า สิ่งนี้สามารถทำได้? นี่คือหน้าตัวอย่าง: http://jsfiddle.net/9Stxb/

22
การเลือกและจัดการองค์ประกอบหลอก CSS เช่น :: before and :: หลังจากใช้ jQuery
มีวิธีการเลือก / จัดการองค์ประกอบหลอก CSS เช่น::beforeและ::after(และรุ่นเก่าที่มีเซมิโคลอนหนึ่งอัน) โดยใช้ jQuery หรือไม่? ตัวอย่างเช่นสไตล์ชีทของฉันมีกฎต่อไปนี้: .span::after{ content:'foo' } ฉันจะเปลี่ยน 'foo' เป็น 'bar' โดยใช้ jQuery ได้อย่างไร

6
สัญลักษณ์แทนในตัวเลือก jQuery
ฉันพยายามใช้ไวด์การ์ดเพื่อรับรหัสขององค์ประกอบทั้งหมดที่รหัสขึ้นต้นด้วย "jander" ฉันพยายาม$('#jander*'), $('#jander%')แต่มันไม่ทำงาน .. ฉันรู้ว่าฉันสามารถใช้คลาสขององค์ประกอบเพื่อแก้ไข แต่ก็เป็นไปได้ด้วยการใช้สัญลักษณ์แทน? <script type="text/javascript"> var prueba = []; $('#jander').each(function () { prueba.push($(this).attr('id')); }); alert(prueba); }); </script> <div id="jander1"></div> <div id="jander2"></div>


4
ตัวเลือก jQuery เกี่ยวกับแอตทริบิวต์ข้อมูลที่กำหนดเองโดยใช้ HTML5
ฉันต้องการทราบว่าตัวเลือกใดที่ใช้ได้สำหรับแอตทริบิวต์ข้อมูลเหล่านี้ที่มาพร้อมกับ HTML5 นำ HTML ชิ้นนี้มาเป็นตัวอย่าง: <ul data-group="Companies"> <li data-company="Microsoft"></li> <li data-company="Google"></li> <li data-company ="Facebook"></li> </ul> มีตัวเลือกที่จะได้รับ: องค์ประกอบทั้งหมดที่มีdata-company="Microsoft"ด้านล่าง"Companies" องค์ประกอบทั้งหมดที่มีdata-company!="Microsoft"ด้านล่าง"Companies" ในกรณีอื่น ๆ มันเป็นไปได้ที่จะใช้ตัวเลือกอื่น ๆ เช่น "มีน้อยกว่ามากกว่า ฯลฯ ... "


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