추출 텍스트

Question

구조는 내가

$('.upper-class').not('.hidden').text(); 

을 시도

<li class="upper-class"> 
    <span class="hidden">unwanted-text</span> 
    wanted-text 
</li> 

을 다음과 같다 그리고 그것은 JQuery와 솔루션을 찾고

unwanted-text 
wanted-text 

을 반환 반환 만 가능

wanted-text 

편집 :

제공된 답변은이 상황과 관련이 없습니다. 나는 오직 부모 클래스만을 사용하고 싶고 특정 클래스를 가진 DIV를 제외하고 텍스트를 원한다.

Answer 1

먼저 요소를 복제하고 자식을 제거하십시오. 그런 다음 요소에서 텍스트를 가져옵니다.

console.log($('.upper-class').clone() 
 
      .children() 
 
      .remove('.hidden') 
 
      .end() 
 
      .text() 
 
      .trim());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<li class="upper-class"> 
 
    <span class="hidden">unwanted-text</span> 
 
    wanted-text 
 
</li>