jquery删除一个元素，如果它后面没有文本

Question

我真的很难理解如何在它后面找不到文本时删除这个元素

示例 HTML

<ul>
   <li>Keep This Text
      <a>Keep This Text</a>
   </li>
   <li>Keep This Text
      <a>Keep This Text</a>
   </li>
   <b class="warning">Comments:</b>
</ul>

<ul>
   <li>Keep This Text
      <a>Keep This Text</a>
   </li>
   <li>Keep This Text
      <a>Keep This Text</a>
   </li>
   <b class="warning">Comments:</b>Keep b.warning element if text appears after it
</ul>

我希望它看起来像这样，当在 b.warning 之后没有找到文本时

<ul>
   <li>Keep This Text
      <a>Keep This Text</a>
   </li>
   <li>Keep This Text
      <a>Keep This Text</a>
   </li>
</ul>

<ul>
   <li>Keep This Text
      <a>Keep This Text</a>
   </li>
   <li>Keep This Text
      <a>Keep This Text</a>
   </li>
   <b class="warning">Comments:</b>Keep b.warning element if text appears after it
</ul>

Answer 1

只需使用这一行:

if($('b')[0].nextSibling) {
  $('b')[0].nextSibling.nodeValue = '';
  $('b.warning').hide();
}

这是工作 fiddle :

http://jsfiddle.net/cfgr9/532/

感谢@nnnnnn 和@samuel 在评论中的帮助。