javascript - 循环通过 UL LI 获取 文本值

Question

如何循环遍历 UL LI列出我的 <a>文本值？

这是我尝试过的:

<ul class="tabs">
    <li><a href='#tab1'>tabOne</a></li>
    <li><a href='#tab2'>tabTwo</a></li>
    <li><a href='#tab3'>tabThree</a></li>
    <li><a href='#tab4'>tabFour</a></li>
</ul>

function test() {
    var x = $("ul.tabs li").length
    alert(x)
    for (i = 0; i < x i++) { 

    }
}

Answer 1

您可以使用 .each()对于这个任务:

//for each "ul.tabs a" elements
$("ul.tabs a").each(function() {
  // $(this) represents to current iterated DOM element
  // $(this) is "a" element selector
  // If we were using a for(var i = 0;. . .) loop for arrayName[], $(this) would be arrayName[i]
  console.log($(this).text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="tabs">
    <li><a href='#tab1'>tabOne</a></li>
    <li><a href='#tab2'>tabTwo</a></li>
    <li><a href='#tab3'>tabThree</a></li>
    <li><a href='#tab4'>tabFour</a></li>
</ul>