Question

我有：

<li class="parent">
  <a href="#">Text I WANT to remove</a>
  <ul>
    <li class="child">
      <a href="#">Text I DO NOT WANT to remove</a>
    </li>
  </ul>
</li>

如何从父级的a元素中删除文本，而不删除任何子级的文本？

编辑：为清晰起见，删除了额外的结束a代码。

Answer 1

尝试使用$("#element").text()功能。

只需将其设置为空字符串：

$(".parent > a").text('');

我正在使用选择器的>部分来声明我只想使用直接子项的<a>标记 - 这意味着它们出现在第一级。

参考：http://www.w3.org/TR/CSS2/selector.html#child-selectors

Answer 2

您可以使用以下内容。这将删除。

中的所有html元素

$(".parent a:first").html("");

Answer 3

首先，您的HTML无效。你有一个额外的结束锚标记

然后你可以做一些像$（“。parent a：first_child”）

这样的事情

查看此信息以获取更多信息： http://api.jquery.com/first-child-selector/

删除元素的内容但保留相同的子元素

3 个答案: