如何使用jQuery(mobile)动态添加<li>元素作为listview

要使用jQuery Mobile动态添加<li>元素作为listview，您可以按照以下步骤操作：

首先，确保您已经在HTML文件中引入了jQuery和jQuery Mobile库。例如：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>jQuery Mobile示例</title>
  <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
 <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
 <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
  <!-- 页面内容 -->
</body>
</html>

在HTML文件中创建一个<ul>元素，并为其添加data-role="listview"属性。例如：

<ul data-role="listview" id="myList">
  <!-- 动态添加的<li>元素将在这里 -->
</ul>

使用jQuery添加<li>元素到<ul>元素中。例如：

$(document).ready(function() {
  // 动态添加<li>元素到<ul>
  var listItems = [
    "列表项1",
    "列表项2",
    "列表项3"
  ];

  for (var i = 0; i< listItems.length; i++) {
    $("#myList").append("<li>" + listItems[i] + "</li>");
  }

  // 更新listview以应用jQuery Mobile样式
  $("#myList").listview("refresh");
});

在这个例子中，我们首先创建了一个包含3个字符串的数组listItems。然后，我们使用for循环遍历数组，并使用jQuery的append()方法将每个字符串添加到<ul>元素中的<li>元素。最后，我们使用listview("refresh")方法更新listview，以便应用jQuery Mobile的样式。

这样，您就可以使用jQuery Mobile动态添加<li>元素作为listview了。