问题以列表格式列出地址？

Question

我需要以适当的方式显示地址列表。如何以下列方式获取地址列表。

我的代码如下，

 <div id="shopsDiv">
                <ul data-role="listview">
                <li><a href="#">Bangalore Central Mall,FM Cariappa Rd Bangalore, Karnataka 560001</a></li>
                <li><a href="#">Forum Mall,21, Hosur Rd, Koramangala, Bangalore, Karnataka 560095</a></li>
                <li><a href="#">Urvashi Theatre, No. 40 Lal Bagh Rd, Bangalore, Karnataka 560027</a></li>
                </ul>
           </div>

但我没有得到确切的格式。如何获得如图所示的格式。

Answer 1

请参阅jQuery Mobile Listview API Documentation， 文字格式和计数部分 。

您会发现需要以下标记：

                <li><a href="#">
                    <h3>Bangalore Central Mall,</h3>
                    <p>FM Cariappa Rd Bangalore, Karnataka 560001</p>
                    <span class="ui-li-aside">3.9 miles</span>
                </a></li>

制作THIS DEMO