如何使用 jQuery 从 div 元素中检索存储的值？

在本文中，我们将学习如何使用 jQuery 从任何除法元素中检索存储的值。这可以用于必须根据要求操纵或使用除法元素的值的情况。

方法 1：我们将使用 jQuery data()、first()、last() 和 text() 方法。我们使用包含两个参数的data()方法附加或存储除法元素的数据。第一个参数是除法元素的数据名称，第二个参数是由两个键值对组成的对象字面量量。第一个键的值为“ Geeks ”，最后一个键的值为“ GFG ”。

现在在除法元素内定义了两个 span 元素，它们将存储检索到的值。我们使用first()方法选择第一个 span 元素，使用last()方法选择最后一个 span 元素。我们使用由单个参数组成的text()方法设置它们的值。对于第一个 span 元素，该值设置为在除法元素的 data 方法中字面定义的对象的第一个键的值。同样，对于第二个 span 元素，该值设置为对象字面量量的第二个键的值。

例子：

HTML



  

    
  
    
    

  

    GeeksForGeeks
  
    
        jQuery - Retrieve the stored value 
        from a division element
    
  
    
    The values which were stored were
         and

HTML



  

    
  
    
    

  

    GeeksForGeeks
  
    
        jQuery - Retrieve the stored value 
        from a division element
    
  
    
    The value which was stored was

输出：

方法 2：我们将使用 jQuery data() 和 html() 方法。这种方法与以前的方法非常相似，但不同之处在于使用html()方法而不是text()方法。这两种方法都返回或设置所选元素的内容，但html()方法比text()方法快近 2 倍。此外，不是两个跨度元素，而是只有一个跨度元素具有存储的值。因此， data()方法的第二个参数在这里不是对象字面量量，而是一个简单的数字。

例子：

HTML



  

    
  
    
    

  

    GeeksForGeeks
  
    
        jQuery - Retrieve the stored value 
        from a division element
    
  
    
    The value which was stored was

输出：