javascript - 如何在没有特定子元素的情况下获取div中的内容

Question

<div class="news"> 
    i need this content

   <figure class="summary">
     i dont need this content
    </figure>

 </div>

我想在 .news 类中获得“我需要此内容”，但在 .summary 类中没有“我不需要此内容”

$("div.news").not("figure.summary").text()

我尝试了这个 jquery，但仍然在 figure 标签中获取文本。

Answer 1

alert($("div.news").contents().not("figure.summary").text());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="news"> 
    i need this content

   <figure class="summary">
     i dont need this content
    </figure>

 </div>

你应该使用 contents() 来包含文本节点:

$("div.news").contents().not("figure.summary").text()

如果你只想获取文本节点，而不是按特定类、类型等过滤掉...:

$("div.news").contents().not("div.news *").text()

了解更多关于 .contents() 的信息:http://api.jquery.com/contents/