Question

我有一个带有listview的可折叠集。如果我点击一个项目，面板将打开并显示有关它的所有信息。

$("#mySet").on("tap", "li", function(e)

我可以从所选项目中获取信息，但在面板上还有一个按钮。如果我点击此按钮，我希望列表视图中的项目更改颜色或添加图标。 LI项目没有ID，但我知道它具有哪个索引以及价值等等。

用于更新listview项的伪代码：

SELECT WHERE header="category 1" // currently opened
CHANGE item WHERE [data-item] = "10601"

有什么想法吗？这是可折叠的内容（可折叠集可容纳其中10多个）

<div class="ui-collapsible-content ui-body-a" aria-hidden="false">
<p></p>
<ul class="ui-listview" data-role="listview">
<li class="ui-nodisc-icon ui-alt-icon ui-first-child" data-description="xxx" data-item="10101">
<li class="ui-nodisc-icon ui-alt-icon ui-first-child" data-description="yyy" data-item="50101">
<li class="ui-nodisc-icon ui-alt-icon ui-first-child" data-description="zzz" data-item="10601">
<li class="ui-nodisc-icon ui-alt-icon ui-first-child" data-description="qqq" data-item="13105">
</ul>
<p></p>
</div>

此“有效”，但会更新data-item = 10601

的所有项目

 $("#mySet [data-item='10601']").text("Updated");

我如何只选择此项目，但仅限当前打开的可折叠？

更新

我解决了......

$("#mySet li[data-item='"+ item + "'][data-description='"+ desc + "']" ).text("foo!");

jQuery Mobile：如何动态更改一个listview项，在collapsible-set中

0 个答案: