jQuery批量修改h1标签内容

最新推荐文章于 2025-05-21 13:56:55 发布

原创最新推荐文章于 2025-05-21 13:56:55 发布 · 5.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #text

JQuery 专栏收录该内容

36 篇文章

订阅专栏

本文介绍了一种使用jQuery库来动态更新HTML页面中所有H1元素文本的方法。通过一个简单的实例展示了如何利用jQuery的选择器和.text()方法实现文本的动态替换。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>you are</h1>
<h1>you are</h1>
<h1>you are</h1>
<h1>you are</h1>
<h1>you are</h1>
</body>
<script src="../../jquery-1.11.3.min.js"></script>
<script>
    $('h1').text(function(n,cur_item){
        return (n+1)+":"+cur_item;
    })
</script>
</html>