следующий селектор братьев
Описание: Выбирает все родственные элементы, которые следуют после "предыдущего" элемента, имеют тех же родителей, и соответствуют фильтрации "братьев" селектора.
jQuery('предыдущий ~ братья')
Добавлена в версию: 1.0
prev
Любой допустимый селектор.
братья
Селектор для фильтрации элементов, которые являются следующими братьями первого селектора.
Заметное различие между (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>
Была ли эта информация полезной?
