Question

我需要选择html代码中的所有文字并用JavaScript中的<span>标记将其包围

转换此代码：

<!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>

我该怎么做？

Answer 1

您可以使用此功能包装文本：

$(selector).wrapInner( "<span class=\"text\"></div>");

其中，选择器定位您想要的标签

Answer 2

<!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>

选择JavaScript中的所有文本

2 个答案: