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

时间:2014-02-28 10:20:53

标签: jquery listview jquery-mobile

我有一个带有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!");

0 个答案:

没有答案