javascript - 如何使用 jQuery 选择器选择列表中的所有项目

Question

我正在这些行上创建一个动态列表:

<li class="MainMenuList" data-role=list-divider>
    <li data-icon=check id="1">
        <a name="n1" id="id-1">Text-1</a>
    </li>
    <li data-icon=check id="2">
        <a name="n2" id="id-2">Text-1</a>
    </li>
    <li data-icon=check id="3">
        <a name="n3" id="id-3">Text-1</a>
    </li>
</li>

如何运行 JQuery .each() 选择器来访问列表中的所有值。尝试这个不会产生 Ant 结果。

$( ".MainMenuList li a" ).each(function( index ) {
    var n1 = $(this).attr('name');
    var n2 = parseInt ($(this).attr('id'));
    alert( index + "-" + n1 + "-" + n2);
});

Answer 1

您的 HTML 无效，外部 li 应该是 ul 才有效。

<ul class="MainMenuList" data-role=list-divider>
    <li data-icon=check id="1">
        <a name="n1" id="id-1">Text-1</a>
    </li>
    <li data-icon=check id="2">
        <a name="n2" id="id-2">Text-1</a>
    </li>
    <li data-icon=check id="3">
        <a name="n3" id="id-3">Text-1</a>
    </li>
</ul>

这一行

var n2 = parseInt ($(this).attr('id'));

与

相同

var n2 = parseInt("id-2");

并且parseInt不会返回2，它会返回NaN。

您必须使用正则表达式

$(this).attr('id').match(/\d+/)[0]

或拆分以提取数字

$(this).attr('id').split("-")[1]

或者如果这是一个有效的假设，您可以只引用 parent 的 ID。

$(this).parent().attr('id')