• 技术文章 >web前端 >前端问答

    jquery怎么查询最后一个子元素

    青灯夜游青灯夜游2022-05-13 18:29:14原创235

    两种方法:1、利用children()和“:last-child”选择器,语法“$(父元素).children(":last-child")”。2、用children()和eq(),语法“$(父元素).children().eq(-1)”。

    本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

    jquery查询最后一个子元素的两种方法

    方法1:使用children():last-child选择器

    示例:

    <!DOCTYPE html>
    <html>
    
    	<head>
    		<meta charset="UTF-8">
    		<script src="js/jquery-1.10.2.min.js"></script>
    		<script>
    			$(function () {
                $("button").click(function () {
    				$("ul").children(":last-child").css("color","red");
                })
            })
        </script>
    	</head>
    	<body>
    		<ul>
    			<li>香蕉</li>
    			<li>苹果</li>
    			<li>梨子</li>
    			<li>橘子</li>
    		</ul>
    		<button>父元素ul的最后一个子元素</button>
    	</body>
    </html>

    1.gif

    方法2:使用children()和eq()

    在上例的基础上,修改:

    $(function() {
    	$("button").click(function() {
    		$("ul").children().eq(-1).css("color", "red");
    	})
    })

    2.gif

    【推荐学习:jQuery视频教程web前端视频

    以上就是jquery怎么查询最后一个子元素的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:怎么用jquery实现点击改变文本 下一篇:jquery-form是什么
    千万级数据并发解决方案

    相关文章推荐

    • jquery中设置点击事件的方法是哪个• jquery怎么从dom删除所有匹配的元素• jquery中html方法实现了哪些功能• jquery选择器的几种类型是什么• jquery怎么判断元素有没有disabled属性
    1/1

    PHP中文网