JqueryMobile中计数泡值的动态变化

Question

也许我错过了显而易见的东西，但我正在寻找一个选项来更改js代码中计数泡的值。在JavaScript中构建未排序列表的html时，我看到了许多解决方案，但这不是我想要的。

在html中我有(简化)

<ul data-role="listview" id="mainPageSelection"   data-inset="true">
    <li><a href="#1"><img src="ca.png"  class="ui-li-icon">Browse Catalog</a></li>
    <li><a href="#2"><img src="se.png"  class="ui-li-icon">Search</a></li>
    <li><a href="#3"><img src="sh.png"  class="ui-li-icon" >Shopping Cart<span class="ui-li-count" id="test"></span></a></li>
</ul>

我想更改ListView条目“购物车”的计数气泡的值。我知道，如果我在span的开始标记和结束标记之间放置一个数字，我就会看到计数泡号。

我要找的是一种动态添加数字的方法。如果我举个例子

$(#"test").attr("value", 42) 

它不起作用。我可以在Safari的元素检查器中看到，在span的开始标记中添加了value="80“，但是我想在span的开始标记和结束标记之间添加一个值，以便它显示在气泡上。这里有什么帮助或想法吗？

Answer 1

像span这样的文本元素没有值，因此属性value没有特殊的意义。应该使用text或html方法设置span文本：

$("#test").text(42); 

演示： http://jsfiddle.net/nsczgo96/