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