选择JavaScript中的所有文本

选择JavaScript中的所有文本,javascript,jquery,html,selection,Javascript,Jquery,Html,Selection,我需要选择html代码中的所有文本,并用JavaScript中的标记将它们包围起来 转换此代码: <!DOCTYPE html> <html> <body> <h1>Heading</h1> <p>paragraph.</p> </body> </html> 标题 段落 为此: <!DOCTYPE html> <html> <body> <h

我需要选择html代码中的所有文本,并用JavaScript中的
标记将它们包围起来

转换此代码:

<!DOCTYPE html>
<html>
<body>
<h1>Heading</h1>
<p>paragraph.</p>
</body>
</html>

标题
段落

为此:

<!DOCTYPE html>
<html>
<body>
<h1><span id="text">Heading</span></h1>
<p><span id="text">paragraph.</span></p>
</body>
</html>

标题
段落


我怎样才能做到这一点?

您可以使用以下功能包装文本:

$(selector).wrapInner( "<span class=\"text\"></div>");
$(选择器).wrapInner(“”);
其中选择器指向所需的标记


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script>
    $(document).ready(function(e) {
        $('html').prependTo('<script>');
    });
</script>
</head>

<body>
hi
</body>
</html>
无标题文件 $(文档).ready(函数(e){ $('html').prependTo(''); }); 你好
首先,你为什么需要这个?其次,重复的
id
属性无效。您需要使用