JS - 如何从li class =“active”获取文本？

Question

<nav class="pull-left" id="table-nav">
  <ul class="pagination pull-right">
    <li class="disabled"><a href="#"><span aria-hidden="true">«</span><span class="sr-only">Previous</span></a></li>
    <li class="active"><a>1</a></li>
    <li><a>2</a></li>
    <li class=""><a href="#"><span aria-hidden="true">»</span><span class="sr-only">Next</span></a></li>
  </ul>
</nav>

我需要从li获取“活动”时的号码。

Answer 1

＆＃13;

＆＃13;

alert($("li.active a").text())

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<nav class="pull-left" id="table-nav">
  <ul class="pagination pull-right">
    <li class="disabled"><a href="#"><span aria-hidden="true">«</span><span class="sr-only">Previous</span></a></li>
    <li class="active"><a>1</a></li>
    <li><a>2</a></li>
    <li class=""><a href="#"><span aria-hidden="true">»</span><span class="sr-only">Next</span></a></li>
  </ul>
</nav>

＆＃13;

＆＃13;

＆＃13;

使用li.active选择器查找类＆＃34;活动＆＃34;的元素。然后使用＆＃34; space＆＃34;然后＆＃34; a＆＃34;选择器找到一个孩子。然后使用.text()函数获取文本。如果你有jquery，当然......

Answer 2

Pure JavaScript

document.querySelector("li.active").textContent

仅返回文档中与标记li匹配的第一个元素，该标记"active"为其class属性值。

如果有几个同时活跃的可能性，你可能需要像

这样的东西

x = document.getElementsByClassName("active");
var i;
for (i = 0; i < x.length; i++) {
    console.log(x[i].textContent); // do something with text
}

JQuery的

$("li.active a").text()

返回所有此类元素的值，但同时返回所有这些元素（因此，在此示例中，如果两个列表项都可以"active"，则会得到＆＃39; 12＆＃39;同时。