一个div标签,有多个table,我想用jquery获取div子元素中的的最后一个子元素?

查看:88
本文介绍了一个div标签,有多个table,我想用jquery获取div子元素中的的最后一个子元素?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Untitled Document</title>
        <link rel="stylesheet" type="text/css" href="css/style.css">
                <style type="text/css">
            div, span, p {
                width: 140px;
                height: 140px;
                margin: 5px;
                background: #aaa;
                border: #000 1px solid;
                float: left;
                font-size: 17px;
                font-family: Verdana;
            }
            
            div.mini {
                width: 55px;
                height: 55px;
                background-color: #aaa;
                font-size: 12px;
            }
            
            div.hide {
                display: none;
            }            
        </style>
        <script type="text/javascript" src="jquery-1.7.2.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                //选取每个id为two的div父元素下的最后一个子元素.
                $("#btn3").click(function(){
                    $("#two :last-child").css("background", "#ffbbaa");
                });        
        });
        </script>
    </head>
<body>
    <input type="button" value="//选取每个id为two的div父元素下的最后一个子元素."                           id="btn3"/>
    
    <br><br>
        <div class="one" id="one">
            id 为 one,class 为 one 的div
            <div class="mini">class为mini</div>
        </div>
        <div class="one" id="two" title="test">
            <table><tr><td>1111<td></tr></table>
            <table><tr><td>2222<td></tr></table>
        </div>
        <div class="one" id="id">
            id为id11111111111
            <div class="mini">class为mini</div>
            <div class="mini">class为mini</div>
            <div class="mini">class为mini</div>
            <div class="mini"></div>
        </div>
        <div class="one">
            <div class="mini">class为mini</div>
            <div class="mini">class为mini</div>
            <div class="mini">class为mini</div>
            <div class="mini" title="tesst">class为mini,title为tesst</div>
        </div>
        <div style="display:none;" class="none">style的display为"none"的div</div>
        <div class="hide">class为"hide"的div</div>
        <div>
            包含input的type为"hidden"的div<input type="hidden" value="123456789" size="8">
        </div>
        <div id="mover">正在执行动画的div元素.</div>
</html>

-----------------------------------------------------
![图片描述][1]

![图片描述][2]
为什么结果如上图片,不应该,只有2222亮才对吗?为什么1111也亮呢?
图片不知道为什么上传不上去








解决方案

$('#two').find('table:last')

这篇关于一个div标签,有多个table,我想用jquery获取div子元素中的的最后一个子元素?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
相关文章
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆