jQuery를 사용하여이 요소에 액세스하는 방법

Question

div처럼 정확하게 정의되지 않은 요소가 있는데, html 내부에 공백이 있습니다. jQuery를 사용하여 제거 할 수 없습니다. 요소 유형이 스크린 샷에서 강조 표시됩니다.

Answer 1

대답은 간단하지 않습니다.

jQuery는 구조체와 함께 객체를 매핑 할 수 있습니다. 공백만을 DOM 요소로 잡고 제거하는 것은 매우 어렵습니다.

나는이 개 대안을 제시하지 못할 :

1. 사용 jQuery를 태그 사이에 "여분의 공백"을 제거하기 위해, 부모 태그를 얻을 수 innerHTML을 사용자의 정규 표현식을 추출 :

   $(document).ready(function(){ 
       var container = $('.product-container'); 
       container.html(container.html().replace(/>\s+</i, '><')) 
   }); 
   

2. CSS를 사용 청소 그 태그 안에 내 콘텐츠가 어떻게 보이는지 보여줍니다. here

희망이 도움이!

Answer 2

전문가는 아니지만 .prev() 메소드를 사용할 수 있습니다.

var textNode = document.getElementById("main").getElementsByClassName("filter-navigation")[0].nextSibling; 

및 제거하려면 :

뭔가

처럼

$('#main .content').prev(); 

Answer 3

순수 자바 스크립트를 선택합니다

textNode.parentElement.removeChild(textNode); 

jQuery를 조금 선택 간단하지만, 제거되어야한다 jQuery가 텍스트 노드를 제거하는 것을 좋아하지 않으므로 같은 방식으로 처리된다.

var textNode = $("#main").find("filter-navigation")[0].nextSibling; 
textNode.parentElement.removeChild(textNode);