console
var html = "<div class=\"reset\"><h3 class=\"h3item\">工艺流程</h3><div id=\"par-0001\"><randomlist><listitem><para></para></listitem></randomlist></div><h3 class=\"h3item\">施工工艺要求</h3><div class=\"item\" id=\"par-0002\"><br></div><h3 class=\"h3item\">人员资格</h3><div class=\"item\" id=\"par-0003\"><br></div></div>"
function htmlToXml(xml) {
var dom = $(xml)
var par_0001 = $(dom).find("#par-0001");
var lis = $(par_0001).find("li");
var xml = "";
for (var i = 0; i < lis.length; i++) {
xml += "<listItem><para>" + lis[i].innerHTML + "</para></listItem>"
}
if (lis.length == 0) {
xml += "<listItem><para></para></listItem>";
}
xml = "<div id=\"par-0001\"><randomList>" + xml + "</randomList></div>"
$(par_0001).replaceWith(xml);
dom = divToPara(dom);
dom = divToProceduralStep(dom);
dom = h3ToTitle(dom);
dom = replaceToPara(dom);
var par_0003 = $(dom).find("#par-0003");
var xml_03 = $(dom).find("#par-0003")[0].innerHTML;
$(par_0003).replaceWith("<div id=\"par-0003\"><para>" + xml_03 + "</para></div>")
var xmls = "";
var p_01 = $(dom).find("#par-0001")[0].innerHTML;
var p_02 = $(dom).find("#par-0002")[0].innerHTML;
var p_03 = $(dom).find("#par-0003")[0].innerHTML;
xmls = "<title>工艺流程</title><para>" + p_01 + "</para>";
xmls = "<proceduralStep>" + xmls + "</proceduralStep>";
xmls += "<proceduralStep><title>施工工艺要求</title>" + p_02 + "</proceduralStep>";
xmls += "<proceduralStep><title>人员资格</title>" + p_03 + "</proceduralStep>";
console.log(xmls);
return xmls;
}
function divToProceduralStep(dom) {
var par_0002 = $(dom).find("#par-0002");
var reset = $(par_0002[0]).find("div[class=reset]");
for (var i = 0; i < reset.length; i++) {
$(reset[i]).replaceWith("<proceduralStep>" + reset[i].innerHTML + "</proceduralStep>")
}
reset = $(par_0002).find("div[class=reset]");
if (reset.length > 0) {
return divToProceduralStep(dom);
} else {
return dom;
}
}
function h3ToTitle(dom) {
var par_0002 = $(dom).find("#par-0002");
var h3 = $(par_0002).find("h3");
for (var i = 0; i < h3.length; i++) {
$(h3[i]).replaceWith("<title>" + h3[i].innerHTML + "</title>")
}
h3 = $(par_0002).find("h3");
if (h3.length > 0) {
return h3ToTitle(dom);
} else {
return dom;
}
}
function divToPara(dom) {
var par_0002 = $(dom).find("#par-0002");
var item = $(par_0002).find("div[class=item]");
for (var i = 0; i < item.length; i++) {
$(item[i]).replaceWith("<para>" + item[i].innerHTML + "</para>")
}
item = $(par_0002).find("div[class=item]");
if (item.length > 0) {
return divToPara(dom);
} else {
return dom;
}
}
function replaceToPara(dom) {
var par_0002 = $(dom).find("#par-0002");
var paras1 = $(par_0002).find("para");
if (paras1.length != 0) {
var paras2 = $(paras1).find("para")
if (paras2.length != 0) {
$(paras1[0]).replaceWith(paras1[0].innerHTML)
return replaceToPara(dom);
} else {
return dom;
}
}else{
return dom;
}
}
htmlToXml(html);
<div name="content1" id="content1" style="width:800px">
<div class="reset">
<h3 class="h3item">工艺流程</h3>
<ul id="par-0001">
<li> </li>
<li> </li>
<li> </li>
</ul>
<h3 class="h3item">施工工艺要求</h3>
<div class="item" id="par-0002">
<div class="reset">
<h3 class="h3item">标题1</h3>
<div class="item">
<div class="reset">
<h3 class="h3item">标题</h3>
<div class="item"><div class="reset">
<h3 class="h3item">标题</h3>
<div class="item"> </div>
</div></div>
</div>
</div>
</div>
</div>
<h3 class="h3item">人员资格</h3>
<p class="item" id="par-0003"><br></p>
</div>
</div>
.reset {
line-height: 1.6;
counter-reset: itemcounter;
border: 1px dashed lightgray;
}
.item > .reset {
padding-left: 20px;
}
.h3item:before {
content: counters(itemcounter,
".") ".";
counter-increment: itemcounter;
}