jquery删除标签之间的文本

Question

我有这样的HTML：

<li>
  <a href="#">2012: Ice Age</a>
  <br>
  <a href="#"> blah blah </a>
  <br>
     This text should disappear!!!
</li>

如何使用Jquery删除该文本？我没有对此代码的控制，因此我无法添加任何ID以便于选择..

Answer 1

$('li').contents().last().remove();

如果它在最后，您可以使用contents()^[docs]方法（使所有子节点，包括文本节点和last()^[docs]方法定位到最后一个。

示例： http://jsfiddle.net/KtTfQ/

---

编辑：

您也可以清空该文本节点的内容：

$('li br:last-child')[0].nextSibling.nodeValue = '';

示例： http://jsfiddle.net/KtTfQ/2/

Answer 2

使用简单的旧DOM操作最简单：

var text = $("li").get(0).lastChild;
text.parentNode.removeChild(text);

小提琴：http://jsfiddle.net/LBxqa/1/