Question

我有一些表格数据如下：

＆＃13;

<td class="homebranch">
  This is some Text!
  <span class="location">Texas</span>
</td>

＆＃13;

如何使用jQuery删除文本（这是一些文本）但保留span类？

Answer 1

您需要访问作为td的第一个孩子的文本节点，并将nodeValue设置为""。为此，您必须通过将td传递给集合来从JQuery包装集中提取[0]。这将返回一个常规DOM节点，然后您可以调用firstChild来访问文本节点。

$("td.homebranch")[0].firstChild.nodeValue = "";

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr>
  <td class="homebranch">
    This is some Text!
    <span class="location">Texas</span>
  </td>
</tr>
<table>

Answer 2

您可以将html设置为应保留的元素。

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td class="homebranch">
      This is some Text!
      <span class="location">Texas</span>
    </td>
  </tr>
  <tr>
    <td class="homebranch">
      This is some Text!
      <span class="location">Another Texas</span>
    </td>
  </tr>
  <table>

＆＃13;

{{1}}

＆＃13;

jquery从表中删除一些文本

2 个答案: