您的当前位置：首页正文

将所有div下的所有li的html()值设为"哈哈"，当点击的时候设为"我被点击了",其余没有点击的依然设为“哈哈”

来源：榕意旅游网

<1>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Jquery/jquery-1.10.2.js" type="text/javascript"></script>
    <script type="text/javascript">
    //将所有div下的所有li的html值设为"哈哈"，当点击的时候设为"我被点击了",其余没有点击的依然设为“哈哈”
        $(function () {
            var ss = $("div li"); //获取div下的所有li元素
            $.each(ss, function () { //遍历获取到的这些li元素
                $(this).html("哈哈"); //将当前遍历到li元素的html()设为"哈哈"

                $(this).click(function () { //给当前遍历到的li元素添加click事件
                    $("div li").html("哈哈");  //将div下是所有li的html()设为"哈哈"
                    $(this).html("我被点击了"); //将当前点击的li的html()设为"我被点击了";
                })
            });
        })
        
    </script>
</head>
<body>

<div>
    <ul>
        <li></li>
        <li></li>
    </ul>
    <ul>
        <li></li>
        <li></li>
    </ul>
</div>
<div>
    <ul>
        <li></li>
        <li></li>
    </ul>
    <ul>
        <li></li>
        <li></li>
    </ul>
</div>
</body>
</html>

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文