jQuery遍历li节点

来源:互联网 发布:淘宝类目详细划分 编辑:程序博客网 时间:2024/06/01 10:20
<html>    <head>        <meta charset="utf-8">        <title></title>         <script src="./jquery-2.2.4.min.js"></script>         <script type="text/javascript">            $(function(){                // 获取button按钮并设置点击事件                $("button").click(function(){                    //获取所有的li并循环遍历                     $("li").each(function(){                    //将li节点的值乘以2                                     $(this).html($(this).html()*2);                    });                });            });         </script>    </head>    <body>         <h2 id="hid">jQuery实例:节点遍历</h2>        <ul>            <li>10</li>            <li>4</li>            <li>8</li>            <li>6</li>            <li>5</li>        </ul>        <button>乘以2</button>    </body></html>

这里写图片描述

0 0
原创粉丝点击