Jquery 如何更改listview项目的图标

我有以下标记：

<ul id="menu" data-role="listview">
    <li><a href="/">Home</a></li>
    <li class="label"><a href="#">About</a></li>
    <li><a href="/">About Us</a></li>
    <li><a href="/">Contact Us</a></li>
    <li class="label"><a href="#">More</a></li>
    <li><a href="/">FAQs</a></li>
    <li><a href="/">Terms</a></li>
</ul>

但会产生。

更新 我刚刚意识到您想要更改带有

label

class的元素的图标

首先需要删除以

ui-icon-

开头的旧类，然后添加

ui-icon plus

$(".label a").removeClass(function (i, uiClass) {
  return (uiClass.match(/\bui-icon-\S+/g) || []).join(' ');
}).addClass("ui-icon-plus");

---

使用

.buttonMarkup（）

是不正确的，它仅用于锚定。无论如何，该函数已被弃用，将在1.5版本中删除

下面是更改listview小部件的正确方法

---

更新了我的答案。对不起，我误解了。@SalmanA你是说

ui-btn-icon-

？它只删除以

ui图标-

开头的类。

$(".label a").removeClass(function (i, uiClass) {
  return (uiClass.match(/\bui-icon-\S+/g) || []).join(' ');
}).addClass("ui-icon-plus");

$(document).on("pagebeforecreate", function () {
  $("#menu").listview({
    icon: "plus"
  });
});