运行 ❯
获取您
的
网站
×
更改方向
保存代码
更改主题，暗/亮
前往 Spaces
<!DOCTYPE html> <html> <head> <style> .siblings * { display: block; border: 2px solid lightgrey; color: lightgrey; padding: 5px; margin: 15px; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script> $(document).ready(function(){ var DOM = document.getElementsByClassName("li.stop"); $("li.start").prevUntil(DOM,".first").css({"color": "red", "border": "2px solid red"}); }); </script> </head> <body> <div style="width:500px;" class="siblings"> <ul>ul (parent) <li class="stop">li (sibling with class name "stop")</li> <li class="first">li (the previous sibling of li with class name "start")</li> <li>li (the previous sibling of li with class name "start")</li> <li class="first">li (the previous sibling of li with class name "start")</li> <li class="start">li (sibling with class name "start")</li> <li>li (sibling)</li> <li>li (sibling)</li> </ul> </div> <p>In this example, we narrow down the search result by only returning previous sibling elements with class name "first", between the li element with class name "start" and the li element with the class name "stop".</p> </body> </html>
