抽出テキスト

Question

私は

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

を試してみました、それは

jqueryの解決策を探して

unwanted-text 
wanted-text 

を返し

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

を次のように構造があります 返信のみ

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>