在jQUERY li Grab上获取UL数据值

在jQuery中，可以使用.text()或.html()方法来获取<li>元素中的文本内容或HTML内容。而要获取<ul>元素中的数据值，可以使用.find()方法来查找指定的子元素。

以下是一个示例代码，演示如何使用jQuery获取<ul>元素中的数据值：

<!DOCTYPE html>
<html>
<head>
  <title>jQuery获取UL数据值</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
  <ul id="myList">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
  </ul>

  <script>
    $(document).ready(function() {
      var ulData = $('#myList').find('li').map(function() {
        return $(this).text();
      }).get();

      console.log(ulData);
    });
  </script>
</body>
</html>

在上述代码中，我们首先引入了jQuery库，然后创建了一个包含三个<li>元素的<ul>列表。在JavaScript部分，我们使用$(document).ready()函数来确保页面加载完成后再执行代码。

通过$('#myList')选择器，我们选中了具有id="myList"的<ul>元素。然后使用.find('li')方法来查找所有的<li>子元素。接着，使用.map()方法遍历每个<li>元素，并使用$(this).text()获取每个<li>元素的文本内容。最后，使用.get()方法将结果转换为一个数组。

在上述示例中，我们将获取到的数据值存储在ulData变量中，并通过console.log()打印到控制台中。

这是一个简单的例子，演示了如何使用jQuery获取<ul>元素中的数据值。根据具体的需求，你可以根据这个示例进行扩展和修改。