Я работаю с проектом, который требует итерации по каждому элементу внешнего 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
Пожалуйста, не злоупотребляйте функцией веб-фрагмента. Он существует исключительно для исполняемого веб-кода. Если код не запускается, используйте стандартное форматирование исходного кода (отступы на четыре пробела или с помощью ctrl-K). – Amadan