我正在处理一个需要迭代外部html文件的每个元素并使用内部标记修改内容的项目。遍历所有html元素并修改内容
我想要一个递归的Java脚本函数,它将迭代所有DOM元素,并通过在开头和结尾附加#来修改每个内部标记中的内容。
<html>
<head>
</head>
<body>
<h1>Hello</h1>
<div id="something"><span><h1>Hello Folks!</h1></span></div>
<span>Lovely lady</span>
<div id="name">
<div class="random">
<div><span>0</span></div>
<div><span>1</span></div>
</div>
</div>
<div class="detail ">
<div class="">Process</div>
<div class="page">4 of 6</div>
<div class=" ">
<div class="float-left">
<div class="padding-top-default">%</div>
<div class="page-subheader">1</div>
</div>
<div class="">
<div class="">Failed</div>
<div class="page-subheader font-big">0</div>
</div>
</div>
</div>
</body>
</html>
我想#如果该值在标签内的硬编码追加。输出文件就像。
<html>
<head>
</head>
<body>
<h1>#Hello#</h1>
<div id="something"><span><h1>#Hello Folks!#</h1></span></div>
<span>#Lovely lady#</span>
<div id="name">
<div class="random">
<div><span>#0#</span></div>
<div><span>#1#</span></div>
</div>
</div>
<div class="detail ">
<div class="">#Process#</div>
<div class="page">#4 of 6#</div>
<div class=" ">
<div class="float-left">
<div class="padding-top-default">#%#</div>
<div class="page-subheader">#1#</div>
</div>
<div class="">
<div class="">#Failed#</div>
<div class="page-subheader font-big">#0#</div>
</div>
</div>
</div>
</body>
</html>
我有这样的Java脚本到位
<script>
//$fakediv = $("<div></div>");
function convertHtml() {
$body = $("#demo").text();
$fakediv = $("<div></div>");
$fakediv.html($body);
$fakediv.children().each(function() {
if($(this).text())
$(this).text("#" + $(this).text() + "#");
});
});
$("#demo").text($fakediv.prop("outerHTML")); //fill in the text are with converted html string
}
//Document is ready to execute the JS
$(document).ready(function() {
$("#convert").click(function(){
// alert($("#demo").text());
convertHtml();
});
});
</script>
<div>
<h1>#Hello#</h1>
<div id="something">#Hello Folks!#</div>
<span>#Lovely lady#</span>
<div id="name">#
0
1
#</div>
<div class="detail ">#
Process
4 of 6
%
1
Failed
0
#</div>
</div>
那你试试? –
如果任何机构想要看看我在做什么,请留言我宁愿喜欢一对一地澄清我的问题 – AkAbhi
请不要滥用网络代码段功能。它仅适用于可运行的Web代码。如果代码不可运行,请使用正常的源代码格式(按四个空格缩进或使用Ctrl-K)。 – Amadan