jquery $(selector).each().html

最新推荐文章于 2022-09-14 14:37:04 发布

学无止境慢慢来

最新推荐文章于 2022-09-14 14:37:04 发布

阅读量149

点赞数

分类专栏： jQuery

原文链接：https://www.w3school.com.cn/jquery/traversing_each.asp

版权

jQuery 专栏收录该内容

49 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery $(selector).each()</title>
    <script src="https://www.w3school.com.cn/jquery/jquery.js"></script>
    <script>
        /*参考：https://www.w3school.com.cn/jquery/traversing_each.asp
        each()方法，为每个匹配元素规定运行的函数。
        提示：返回 false 可用于及早停止循环。
        $(selector).each(function(index,element))
        function(index,element), 必需。为每个匹配元素规定运行的函数。
        index - 选择器的 index 位置
        element - 当前的元素（也可使用 "this" 选择器）
        */
        $(function () {
            $("button").click(function () {
                $("li").each(function () {
                    // alert($(this).text());
                    // console.log("this:", this);
                    // console.log("this.innerText:", this.innerText);
                    console.log("$(this).text():", $(this).text());
                });
            });
        });
    </script>
</head>
<body>
<button>输出每个列表项的值</button>
<ul>
    <li>Coffee</li>
    <li>Milk</li>
    <li>Soda</li>
</ul>
</body>
</html>

学无止境慢慢来

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery $(selector).each().html

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>jquery $(selector).each()</title> <script src="https://www.w3school.com.cn/jqu...
复制链接

扫一扫