jQuery parentsUntil() 带示例
jQuery 中的 parentsUntil() 方法用于返回选取器和停止参数值之间的所有祖先元素。
语法
语法如下 −
$(selector).parentsUntil(stop,filter)
上面,停止参数是一个选择器表达式、元素或 jQuery 对象。filter 参数是一个选择器表达式,它缩小了选取器与 stops 参数之间的祖先搜索范围。
示例
现在我们来看一个使用 jQuery parentsUntil() 方法的示例 −
<!DOCTYPE html> <html> <head> <style> div { width:600px; } .demo * { display: block; border: 2px solid yellow; color: blue; padding: 10px; margin: 10px; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("span").parentsUntil("div").css({"color": "blue", "border": "3px dashed blue"}); }); </script> </head> <body class="demo">great-great-grandparent <div>great-grandparent <ul>grandparent <li>parent <span>span</span> </li> </ul> </div> </body> </html>
输出
这将产生以下输出 −
广告