安科网
源代码：
点击运行
<!DOCTYPE html> <html> <head> <style> .siblings * { display: block; border: 2px solid lightgrey; color: lightgrey; padding: 5px; margin: 15px; } </style> <script src="//libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ var DOM=document.getElementsByClassName("li.stop"); $("li.start").nextUntil(DOM,".1").css({"color":"red","border":"2px solid red"}); }); </script> </head> <body> <div style="width:500px;" class="siblings"> <ul>ul (parent) <li>li (sibling)</li> <li>li (sibling)</li> <li class="start">li (sibling with class name "start")</li> <li class="1">li (the next sibling of li with class name "start")</li> <li>li (the next sibling of li with class name "start")</li> <li class="1">li (the next sibling of li with class name "start")</li> <li class="stop">li (sibling with class name "stop")</li> </ul> </div> <p>In this example, we narrow down the search result by only returning next sibling elements with class name "1", between the li element with class name "start" and the li element with the class name "stop".</p> </body> </html>
运行结果
Copyright © 2013 - 2019 Ancii.com All Rights Reserved
京ICP备18063983号-5
京公网安备11010802014868号