如何仅选择h2标签的文本而忽略其他html标签

Question

我有

标签例如

Anirban bhattacharjee5

。我想通过jquery只想要像Anirban Bhattacharjee这样的h2标签文本。我试试看它但是它返回Anirban Bhattacharjee5。

<plugin>
  <groupId>org.apache.maven.plugins</groupId>
  <artifactId>maven-eclipse-plugin</artifactId>
  <version>x.y</version>
  <configuration>
    <projectNameTemplate>custom-project-name</projectNameTemplate>
  </configuration>
</plugin>

mycode的

<div class="client_details">
<h2>anirban bhattacharjee<span class="client_rating">5</span></h2>

Answer 1

您需要获取h2的textnode并使用以下内容忽略其余部分：

$('.client_details h2').contents().filter(function() {
  return this.nodeType === 3; //Node.TEXT_NODE
}).text();

<强> Working Demo

Answer 2

.contents()是您正在寻找的方法。你可以像下面这样使用它：

var h2 = $("h2").contents()[0];

console.log(h2);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h2>anirban bhattacharjee<span class="client_rating">5</span></h2>

所以你可以使用：

var h2 = $(".client_details h2").contents()[0];

Answer 3

使用此：

$(".client_details").find("h2").contents()[0]

上述行将返回“anirban bhattacharjee”