jquery - 如何只获取外部段落文本而没有 anchor 标记内的文本？

Question

以下代码:

$(".done").click(function(){
    var x = $(this).parent().text();
    $("#display").html(x);
});

在运行显示This is a paragraph Done

我的 html 文件是这样的:

<p> This is a paragraph <a href="#" class = "done">Done</a></p>
<p id="display"></p>

我想显示为:This is a paragraph。

Answer 1

您需要获取 p 中的 textNode。使用 contents() 获取所有内部元素并使用 filter() 从中过滤 textNode。

$(".done").click(function() {
  var x = $(this).parent().contents().filter(function() {
    return this.nodeType === 3;
  }).text();
  $("#display").html(x);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<p>This is a paragraph <a href="#" class="done">Done</a></p>
<p id="display"></p>