js如何改变新增元素页面内容

最新推荐文章于 2022-10-29 06:00:00 发布

浩然小饭

最新推荐文章于 2022-10-29 06:00:00 发布

阅读量466

点赞数

分类专栏： PC 文章标签： js基础

本文链接：https://blog.csdn.net/u012090896/article/details/82758312

版权

PC 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

js如何改变新增元素页面内容

<body>
    <ul>
        <li>one</li>
        <li>two</li>
        <li>three</li>
        <li>four</li>
        <li>five</li>
    </ul>
    <script src="jquery.min.js"></script>
    <script>
        $('ul li').click(function(){  
          var html = '<div class="add" id="add"></div>';
            $('.add').remove();
            $(this).append(html);
          
        })
        $("ul li").on("click",".add",function(e){
            e.stopPropagation();//需要阻止冒泡
            $('ul li').find('.add').text('aaaaaaa');
        });
    </script>
</body>