javascript - 需要专家帮助如何在jQuery中只选择第一段

Question

我需要帮助选择第一部分。你好，我的名字是乔。然后我需要隐藏另一部分。

<p>
  <b>NAME</b>
  <br>
  <br>
  "hello my name is joe"
  <br>
  <br>
  <b>AGE</b>
  <br>
  <br>
  "My age is 22"
  <br>
</p>

Answer 1

由于您有文本节点，您需要.contents()在您的标签上使用p，然后您可以循环并删除第二个b标签上或之后的任何节点

var counter = 0;
var contents = $('p').contents().each(function() { // loop through all nodes in the p
  var $this = $(this);
  if ($this.is('b')) { // count the b tags
    counter++;
  } 
  
  if (counter >= 2) { // remove anything on or after the second b
    $this.remove();
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>
  <b>NAME</b>
  <br>
  <br> "hello my name is joe"
  <br>
  <br>
  <b>AGE</b>
  <br>
  <br> "My age is 22"
  <br>
</p>