jQuery | text() 方法

该方法用于设置或返回元素的文本内容。在设置内容时，它会覆盖所有匹配元素的内容。 text method()的返回内容用于返回所有匹配元素的文本内容。

句法：

• 返回文本语法：

  $(selector).text()

• 设置文本语法：

  $(selector).text(content)

• 使用函数设置文本：

  $(selector).text(function(index, currentcontent))

属性值：

1. Content Required：用于为元素设置新的文本内容。
2. 函数（索引，当前内容）：用于指定一个函数，该函数将为所选元素返回新的文本内容。
   • index ：它返回元素的索引位置。
   • currentcontent ：它返回元素的当前内容。

示例 1：设置文本语法。

  

    
      
    Geeks Click me
        
      
  
  
    
  
    
        $(document).ready(function() {
            $("button").click(function() {
                $("p").text("Jquery_text_method");
            });
        });
    
  
    GeeksforGeeks
    Jquery
  

  

输出：

在点击按钮之前：

点击按钮后：

示例 2：返回文本语法。

  

    
      
     Geeks Click me
        
       
  
  
    
  
    
        $(document).ready(function() {
            $("button").click(function() {
                alert($("p").text());
            });
        });
    
  
    GeeksforGeeks
    Jquery
  

  

输出：

在点击按钮之前：

点击按钮后：

示例 3：使用函数设置文本。

  

    
      
      Geeks Click me
        
      
  
    
  
    
    
        $(document).ready(function() {
            $("button").click(function() {
                $("p").text(function(n) {
                return "Index No. of Element: " + n;
                });
            });
        });
    
    
    GeeksforGeeks
    Jquery_textmethod()
  

  

输出：

在点击按钮之前：

点击按钮后：