jQuery를 사용할 수있는 JS 파일의 문자열에 다음 HTML이 있습니다. 'fr-wrapper'
div를 제거하고 div도 제거 'fr-element'
하지만 내부 내용은 그대로 두려면 어떻게해야합니까?
실물:
<div class="pixer content row fr-box fr-inline">
<div class="fr-wrapper" dir="auto">
<div aria-disabled="false" class="fr-element fr-view" contenteditable="true" dir="auto" spellcheck="false">
<div class="top-mid-float">
<div id="main-inner-header">
<h1><strong>Hello there!</strong></h1>
</div>
<div id="lower-content-header">
<p>Quisque tincidunt nunc in lacus consectetur, et pharetra velit pulvinar. Quisque id egestas tellus, vitae venenatis tellus. Etiam accumsan iaculis sem, in vestibulum odio tincidunt vel. Etiam justo massa, congue vulputate dui.</p>
</div>
</div>
</div>
</div>
</div>
내가 목표로하는 것 :
<div class="pixer content row fr-box fr-inline">
<div class="top-mid-float">
<div id="main-inner-header">
<h1><strong>Hello there!</strong></h1>
</div>
<div id="lower-content-header">
<p>Quisque tincidunt nunc in lacus consectetur, et pharetra velit pulvinar. Quisque id egestas tellus, vitae venenatis tellus. Etiam accumsan iaculis sem, in vestibulum odio tincidunt vel. Etiam justo massa, congue vulputate dui.</p>
</div>
</div>
</div>
동적이기 때문에의 내용 top-mid-float
은 항상 다릅니다.
이것은 문자열에 있지만 DOM에서 가져 와서 수행하는 솔루션이 있으면 작업 할 수 있습니다.
의 하위 항목을 저장하고 fr-element div
행에서 모든 항목을 제거한 다음 하위 항목을 다시 추가 할 수 있습니다.
var $row = $('<div class="content fr-box fr-inline pixer row"><div class=fr-wrapper dir=auto><div class="fr-element fr-view"dir=auto aria-disabled=false contenteditable=true spellcheck=false><div class=top-mid-float><div id=main-inner-header><h1><strong>Hello there!</strong></h1></div><div id=lower-content-header><p>Quisque tincidunt nunc in lacus consectetur, et pharetra velit pulvinar. Quisque id egestas tellus, vitae venenatis tellus. Etiam accumsan iaculis sem, in vestibulum odio tincidunt vel. Etiam justo massa, congue vulputate dui.</div></div></div></div></div>');
var children = $row.find('.fr-element').children();
$row.empty().append(children);
// If you want to add the result somewhere
$('body').html($row);
// Or, to turn the modified result back into an HTML string
var finalHTMLString = $row.wrapAll('<div>').parent().html();
console.log(finalHTMLString);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다