jQuery |内容（）与示例

contents()是 jQuery 中的一个内置方法，它返回所有直接子元素，包括所选元素的文本和注释节点。
句法：

$(selector).contents()

参数：它不接受任何参数。
返回值：它返回被选元素的所有直接子元素。

jQuery 代码显示此方法的工作：
代码#1：

  

    
    
        $(document).ready(function() {
            <!-- jQuery code to perform this method -->
            $("button").click(function() {
                $("div").contents().filter("p").wrap("<b/>");
            });
        });
    
    
        #p1 {
            width: 420px;
            padding: 50px;
            display: block;
            border: 2px solid green;
            font-size: 30px;
        }
    

  

    
        
        Welcome to GeeksforGeeks !!!
    
    
    Click Me!
    

  

输出：
在点击“点击我！”之前按钮-

点击“点击我！”后按钮-

代码#2：
在下面的代码中，不需要点击任何按钮。

  

    
    
        #p1 {
            display: block;
            width: 400px;
            padding: 30px;
            border: 2px solid green;
            font-size: 30px;
        }
    

  

    
    Welcome to GeeksforGeeks !
    
        $("p")
            .contents()
            .filter(function() {
                return this.nodeType !== 1;
            })
            .wrap("<b></b>");
    

  

输出：