javascript访问嵌套标签前的文本

Question

如果我有

<ul>
  <li>...</li>
  <li>...</li>
  <li>Text before nested content
    <ul>
      <li>...</li>
      <li>...</li>
    </ul>
  </li>
</ul>

如何通过 JavaScript 访问唯一的嵌套内容之前的文本，而不将其存储在元素中？

Answer 1

这也是 jQuery 解决方案。

您可以设置 li 元素的 class 或 id(任何，这将允许您选择 element 轻松)并使用以下代码获取所需的数据:

$("<SELECTOR FOR LI>")
    .clone()    // clone the element
    .children() // select all the children
    .remove()   // remove all the children
    .end()      // again go back to selected element
    .text();    // get the text of element

更多详情请阅读this article .
您还可以在 JSFiddle 中查看此工作示例.

更新

您也可以使用 纯 JavaScript 来完成此操作。

只需迭代子节点(如果至少有一个)，检查节点类型(3，意味着它是一个文本节点)并且如果它的 true，concat 它是与其余部分的文本。

这是它在 JSFiddle 中的工作示例.
有关节点类型的更多信息，请查看 this link .
此外，您还可以找到有关 nodeType、nodeName 和 nodeValue 属性的有用信息 here .