javascript - 如何在 jquery 列表中动态添加 标签？

Question

目前我可以使用脚本将 li 标签添加到我的列表中。但是如何在 .js 中的函数中动态添加 li 标签？希望我能看到一个很好的例子。下面是我的代码。谢谢!

<div data-role="page" id="searchPage" data-theme="b">
<div data-role="content">
    <ul data-role="listview" data-filter="true" data-theme="b" id="searchListUl">
    </ul>
</div>
<script type="text/javascript">
  $("#searchListUl").append('<li data-filtertext="Apple"><a href="#">Apple</a></li>');
  $("#searchListUl").listview('refresh');</script></div>

Answer 1

你的函数应该是这样的:

var addItem = function(item){
    $("#searchListUl").append('<li data-filtertext="'+item+'"><a href="#">'+item+'</a></li>');
}

你可以这样调用它:addItem("苹果")