从具有子类的类中提取文本

Question

结构如下

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

我试过了

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

然后返回

unwanted-text
 wanted-text

寻找jquery解决方案 因为它只返回

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>