jQuery 遍历 - each() 方法

最新推荐文章于 2025-06-27 10:44:03 发布

weixin_33682719

最新推荐文章于 2025-06-27 10:44:03 发布

阅读量76

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/DTWolf/p/4562754.html

本文介绍如何利用jQuery的$.each方法遍历HTML文档中的li元素，并通过alert弹窗显示每个li元素的文本内容。代码示例包括自定义函数Show_Hide用于展示或隐藏指定元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(selector).each(function(index,element))

输出每个 li 元素的文本：

$("button").click(function(){
  $("li").each(function(){
    alert($(this).text())
  });
});

<script type="text/javascript">
    $(function () {
        $(".thbg p").each(function () {
            $(this).addClass("look_ct");
        });
    })
    function Show_Hide(id) {
        if ($("#z_" + id).is(":hidden")){            
            $("#sp_" + id).addClass("uploads");         
            $("#z_" + id).slideDown("slow");
            $("#" + id + " p").removeClass("look_ct1");
            $("#" + id + " p").addClass("look_ct");
        }
        else {
            $("#z_" + id).slideUp("slow");
            $("#" + id + " p").removeClass("look_ct");
            $("#" + id + " p").addClass("look_ct1");
        }
    }
</script>