jQuery | wrapInner() 示例

wrapInner() 方法是 jQuery 中的一个内置方法，用于将 HTML 元素包裹在每个选定元素的内容周围。

句法：

$(selector).wrapInner(wrap_element, function(index))

参数：此函数接受两个参数，如上所述，如下所述：

• wrap_element: 必选参数，用于指定HTML元素包裹被选元素的内容
• 函数：它是可选参数，用于指定返回包装元素的函数。
  • index：它返回元素的索引。

返回值：此方法返回已应用更改的选定元素。

下面的例子说明了 jQuery 中的 wrapInner() 方法：

示例 1：此示例不包含可选参数。

    
        
        
          
        
        
            $(document).ready(function() {
                $("div").click(function() {
                    $(this).wrapInner("<b></b>").css(
                           "background-color", "green");
                });
            });
        
        
            body {
                width: 200px;
                padding: 20px;
                height: 20px;
                border: 2px solid green;
            }
        
    
    
        
        Welcome to GeeksforGeeks!
       
    

输出：
在点击 div 元素之前：

单击 div 元素后：

示例 2：

    
        
        
          
        
        
            $(document).ready(function() {
                $("div").click(function() {
                    $("span").wrapInner(function(n) {
                        return "<i></i>";
                    });
                });
            });
        
        
            body {
                width: 250px;
                padding: 20px;
                height: 20px;
                font-size: 20px;
                border: 2px solid green;
            }
        
    
    
        
        Welcome to GeeksforGeeks!
    

输出：
在点击 div 元素之前：

单击 div 元素后：

相关文章：

• jQuery | find() 与示例
• jQuery | clearQueue() 示例