סלקטור אחים הבא
תיאור: בוחר כל הקרובי משפחה של אלמנטים, שבאים אחרי אלמנט "הקודם", יש להם אותם הורים, והם תואמים לסינון "אחים" של סלקטור.
jQuery('prev ~ siblings')
הוספה בגרסה: 1.0
prev
כל סלקטור חוקי.
siblings
סלקטור לסנן אלמנטים כי הם אחים הבאים של סלקטור הראשון.
ההבדל הבולט בין
(prev + next) ו- (prev ~ siblings)
זאת הגעה שלהם.
בעוד הראשון מגיע רק עד אלמנט של אח הבא,
האחרון מרחיב כי מגיע לכל האחים הבאים של האלמנט.
דוגמאות
מחפש כל האלמנטים div שבאים אחרי אלמנט עם ID «#prev». שימו לב שלא נבחר span מכייון שהוא לא אלמנט מסוג div, וגם לא נבחר «div niece» כי הוא אלמנט ילד של אובייקט «div sibling».קוד מלא:
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("#prev ~ div").css("border", "3px groove blue"); }); </script> <style> div,span {display:block;width:80px;height:80px;margin:5px;background:#bbffaa;float:left; font-size:14px;} div#small {width:60px;height:25px;font-size:12px;background:#fab;} </style> </head> <body> <div>div (doesn't match since before #prev)</div> <span id="prev">span#prev</span> <div>div sibling</div> <div>div sibling <div id="small">div niece</div></div> <span>span sibling (not div)</span> <div>div sibling</div> </body> </html>
האם מידע זה היה מועיל?
