JavaScript 또는 jQuery를 사용하여 상위 HTML 요소 내에 HTML 요소 세트를 래핑하고 각 상위 요소 내에 유지하려면 어떻게 해야 합니까?
P粉204136428
P粉204136428 2023-08-17 15:27:06
0
1
450
<p>JavaScript 또는 jQuery를 사용하여 모든 <span> 태그를 하나의 </span></p><div> 태그 안에 포함하려고 합니다. 클래스 이름이 <code>wpb_wrapper</code>인 모든 요소를 ​​찾은 다음 그 안에 있는 모든 <span> 태그 그룹을 각 <code> wpb_wrapper</code> 내의 하위 <span> 태그는 여전히 하위 요소이지만 각 태그를 래핑하는 대신 <div> 페이지의 별도 <div> 태그에 <span> <p><br /></p> <p>여기서:</p> <pre class="brush:php;toolbar:false;"><div class="wpb_wrapper"> <span class=""></span> <span class=""></span> <span class=""></span> <span class=""></span> </div> <div class="wpb_wrapper"> <span class=""></span> <span class=""></span> <span class=""></span> <span class=""></span> </div> <div class="wpb_wrapper"> <span class=""></span> <span class=""></span> <span class=""></span> <span class=""></span>
<p>변경사항:</p> <pre class="brush:php;toolbar:false;"><div class="wpb_wrapper"> <div 클래스=""> <span class=""></span> <span class=""></span> <span class=""></span> <span class=""></span> </div> </div> <div class="wpb_wrapper"> <div 클래스=""> <span class=""></span> <span class=""></span> <span class=""></span> <span class=""></span> </div> </div> <div class="wpb_wrapper"> <div 클래스=""> <span class=""></span> <span class=""></span> <span class=""></span> <span class=""></span> </div>
<p>이것을 시도했지만 여전히 <code>wpb_wrapper</code>의 모든 <span> 태그를 가져와 별도의 < /span></p><div> 태그<p><br /></p> <pre class="brush:php;toolbar:false;">jQuery('.wpb_wrapper').each(function(){ jQuery(this).find('span').wrapAll('<div class=""/>'); });</pre> <p><br /></p> <pre class="snippet-code-js lang-js Prettyprint-override"><code>jQuery('.wpb_wrapper').each(function() { jQuery(this).find('span').wrapAll('<div class=""/>'); }); console.log(document.body.innerHTML);</code></pre> <pre class="snippet-code-css lang-css Prettyprint-override"><code>.wpb_wrapper { border: 1px solid } .wpb_wrapper > div { 테두리: 1px 빨간색 점선 } .wpb_wrapper > div > 범위 { 테두리: 1px 점선 파란색 }</code></pre> <pre class="snippet-code-html lang-html Prettyprint-override"><code><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/ jquery.min.js"></script> <div class="wpb_wrapper"> <span class="">0</span> <span class="">0</span> <span class="">0</span> <span class="">0</span> </div> <div class="wpb_wrapper"> <span class="">1</span> <span class="">1</span> <span class="">1</span> <span class="">1</span> </div> <div class="wpb_wrapper"> <span class="">2</span> <span class="">2</span> <span class="">2</span> <span class="">2</span> </div></code></pre> <p><br /></p></div></div></span></div></span></div></span>
1
0
0
P粉204136428
P粉204136428

모든 응답(1)
P粉659518294

으아악 으아악

매우 간단합니다. 새로 생성된 div 요소에 범위 요소를 추가하기만 하면 됩니다. 그러나 문제는 wgb_wrapper의 끝에 추가한다고 가정한다는 것입니다.

인기 주제
더>
인기 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿