jQuery删除标签之间的文本

Question

I have such html:

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

如何使用JQuery删除该文本？我无法控制此代码，因此无法添加任何ID以便更轻松地选择。

- Stewie Griffin

---

我想我在粘贴时刚刚掉了</a>标签。 - Stewie Griffin

还有应该像这样（在XHTML中）的<br/>标签。 我假设你正在使用XHTML... - diracdeltafunk

br标签没有结束符号..这就是我得到的.. - Stewie Griffin

你为什么会认为他在使用xhtml？ - Chris Farmer

这并不一定是有问题的，取决于您的文档类型。 - Chris Farmer

Answer 1

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

如果是针对最后一个节点，可以使用 contents()^[docs] 方法（该方法获取所有子节点，包括文本节点），并使用 last()^[docs] 方法来定位最后一个节点。

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

---

编辑：

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

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

Example: http://jsfiddle.net/KtTfQ/2/

- user113716

Answer 2

使用普通的DOM操作最容易实现：

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

Fiddle: http://jsfiddle.net/LBxqa/1/

- Magnar