javascript - 选择 b 标签正下方的同级标签

Question

使用 I Cheerio 我想选择这些部分的文本:

这是要选择的第一个区域

这是要选择的第二个区域

<div class="lun boxBd boxMain" t="page">
  <div id="boxWrd" class="boxLtr">
    <div>
      <h1>trust</h1><i class="aud"><span class="ico icoAu"></span></i>
    </div>
    <div>
      <div id="pho">/ˈtrəst/<i class="aud" onclick="tts(&quot;trust&quot;, &quot;us&quot;)"><span class="ico icoAuUs"></span></i><i id="phSep"></i>/trʌst/<i class="aud" onclick="tts(&quot;trust&quot;, &quot;uk&quot;)"><span class="ico icoAuUk"></span></i></div>
    </div>
  </div>
  <hr>

  <b>meaning</b>:
  this is the first area to select

  <hr>

  <b>other meanings</b>:
  this is the second area to select


  <div id="meanTools"><i class="ico icoSt" onclick="starWm()"></i><i class="ico icoCo" onclick="copyWm()"></i>
    <cgr id="msgTools"></cgr>
  </div>
</div>

选择 b 标签很容易:

$('.boxMain b').toArray().map(item => $(item).text());

但是我们如何在它们下面进行选择并获得所需的文本呢？

Answer 1

.nextSibling

console.log(document.querySelector("b").nextSibling.textContent);

<h1>test</h1>
<p>this is a test</p>
<b>bold</b>
text here
<span>span element</span>