如何使用 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
    
      
    
        Click to get Text Nodes
    
      
    
        function getTextNodes() {
            selectedElement = $(".example").contents();
          
            textNodes = selectedElement.filter(function ()
            {
                return this.nodeType === Node.TEXT_NODE;
            });
              
            console.log(textNodes);
        }
    

  

输出：

• 展示：
  
• 安慰：