jquery删除标签之间的文本

时间:2011-06-30 17:57:07

标签: jquery

我有这样的HTML:

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

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

2 个答案:

答案 0 :(得分:7)

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

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

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


编辑:

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

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

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

答案 1 :(得分:3)

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

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

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