去除最后一位节点的方法:1、利用“eq(-1)”选择器在文档中选中最后一位节点,语法“$(Element:eq(-1))”;2、利用remove()删除选中的节点,语法“被选元素.remove()”,可删除指定元素及内部的所有文本和子节点。
本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。
jquery去除最后一位节点
实现方法:
利用“:eq()”选择器在文档中选中最后一位节点元素
利用remove()删除选中的节点元素
remove( ) 方法会将某个元素及其内部的所有内容删除。
重点::eq()选择器
:eq() 选择器选取带有指定 index 值的元素。
index 值从 0 开始,所以第一个元素的 index 值是 0(不是 1)。
当index为负值时,从后往前选取元素
实现代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-1.10.2.min.js"></script> <style> .div, div * { display: block; border: 2px solid lightgrey; color: lightgrey; padding: 5px; margin: 15px; } </style> <script> $(document).ready(function() { $("button").on("click", function() { $("li:eq(-1)").remove(); }); }); </script> </head> <body class="ancestors"> <div style="width:500px;">div (父节点) <ul>ul (指定元素) <li>li (子节点1) <span>span (孙节点1)</span> </li> <li>li (子节点2) <span>span (孙节点2)</span> </li> <li>li (子节点3) <span>span (孙节点3)</span> </li> </ul> </div> <button>删除最后一个li元素</button> </body> </html>
【推荐学习:jQuery视频教程、web前端视频】
以上是jquery怎么去除最后一位节点的详细内容。更多信息请关注PHP中文网其他相关文章!