javascript - 尝试使用 .each() 获取 li 的内容

Question

我有以下HTML

<ul id="masInfoPanel" data-role="listview" class="menu17 ui-listview">
    <li class="ui-first-child"> <a href="" class="ui-btn ui-btn-icon-right ui-icon-carat-r">
        Mis Ventas    </a> 
    </li>
    <li class="current">    <a href="#" class="ui-btn ui-btn-icon-right ui-icon-carat-r">
        Mis Rentas    </a> 
    </li>
    <li>    <a href="" class="ui-btn ui-btn-icon-right ui-icon-carat-r">
        Mis Búsquedas    </a>

    </li>
    <li>    <a href="" class="ui-btn ui-btn-icon-right ui-icon-carat-r">
        Nuevo Anuncio    </a>

    </li>
    <li>    <a href="" class="ui-btn ui-btn-icon-right ui-icon-carat-r">
        Mi Cuenta    </a>

    </li>
    <li>    <a href="" class="ui-btn ui-btn-icon-right ui-icon-carat-r">
        Directorio de Solicitantes    </a>

    </li>
    <li data-icon="delete" class="ui-last-child"><a href="#" data-transition="slideup" data-rel="back" class="ui-btn ui-btn-icon-right ui-icon-delete">Cerrar menu</a>
    </li>
</ul>

<div id="AddContent"></div>

我试图获取 anchor 标记内的文本，但无法做到这一点

我的脚本是这样的

JS

 <script>
$(document).on('pagecreate',function(){
    $(document).on('vclick','#masInfoPanel',function(){
        $(this).find('li').each(function(){

        var cure = $(this).hasClass('current');
        if(cure){
            var text = $(this).text();
                $('#AddContent').html(text);

        }

        });
    });

});

</script>

我想做的是，当我单击任何 li 时，具有 current 类的“li”文本应添加到 div AddContent .

这是更新的JSFiddle

谢谢

Answer 1

试试这个

$(document).on('vclick', 'ul.menu17', function (e) {

    $(this).find('li').each(function () {

        if ($(this).hasClass('current')) {
            var text = $(this).text();
            $('#AddContent').html(text);

        }

    });
});

或

 $(document).on('vclick', 'ul.menu17 li.current', function (e) {
       $('#AddContent').html( $(this).text());
});

DEMO