📌  相关文章
📜  如何使用 jQuery 选择文本节点?

📅  最后修改于: 2022-05-13 01:55:52.493000             🧑  作者: Mango

如何使用 jQuery 选择文本节点?

文本节点是一种节点,表示元素内的实际文本。通过选择所有节点并使用filter()方法检查 nodeType 属性,可以使用 jQuery 选择任何元素的 textNodes。

首先使用 jQuery 选择器选择所需元素。 contents()方法用于选定的元素。此方法用于返回元素的直接子元素,包括所有文本和注释节点。

filter()方法用于这些返回的元素以仅过滤所需的文本节点。自定义过滤器函数检查节点的nodeType属性是否返回等于Node.TEXT_NODE值。

“Node.TEXT_NODE”值用于从其他节点中识别文本节点。或者,整数值“3”也可用于标识文本节点。 filter() 方法现在将只返回作为 textNodes 的节点。因此,此方法可用于选择任何元素的 textNode。

句法:

selectedElement = $("elementRequired").contents();
 
textNodes = selectedElement.filter(function () {
  return this.nodeType === Node.TEXT_NODE;
});

例子:



      

    
        How to select text nodes using jQuery?
    
      
    

  

    

        GeeksforGeeks     

                    How to select text nodes using jQuery?                 

        This is line 1
        This is line 2
        This is line 3     

                          

输出:

  • 展示:
    文本节点显示
  • 安慰:
    textnodes-控制台