Question

如果我有这个HTML代码：

<p id='ppp'>first part <b id='bbb'>something bold</b> second part <b>...</b></p>

如何使用js / JQuery引用（选择）＆＃34;第二部分＆＃34 ;.

Answer 1

请注意，问题已更改，以便目标文本节点不再是ppp的最后一个子节点。

在您的情况下，您有一个标识为ppp的Element节点。该Element有3个子节点：一个文本节点，后跟一个id为bbb的Element，后跟另一个文本节点。

Element#ppp --+
              |
              0--TextNode ("first part ")
              |
              1--Element#bbb --+
              |                |
              |                0--TextNode ("something bold")
              |
              2--TextNode (" second part")

获取所需数据的一种方法是按ID选择ppp元素，然后使用元素的.lastChild属性获取您要定位的文本节点。

document.getElementById("ppp").lastChild.data

文本节点具有.data（或.nodeValue）属性，可用于将其文本内容作为string，因此上述代码将提供您想要的实际文本。

如果定位bbb元素更方便，那么使用.nextSibling抓取 {/ 1}}元素之后的文本节点

bbb

JQuery选择段落的一部分

1 个答案: