Question

我目前正在开发一个程序。它包括一个3选项导航栏。它使用<li>并且没有id，当我尝试将id添加到它们时它会弄乱订单，甚至只需点击即可完成工作！我开始对它失去信心..任何人都可以帮助我这个，

我的目标让它在不同点击时提醒不同的内容，因此我可以链接不同的html页面，

使用HERE。

<ul class="ui-module menu-selector" id="menu-selector">
  <li>Home</li>
  <li class="js-is-active">Notif's</li>
  <li>Profile</li>
</ul>

Answer 1

由于你没有id，我认为import re re_numbers = re.findall('^(\d+(?:[,.]\d+)?)', data, re.MULTILINE) print(re_numbers)属性会有很大的帮助。

例如，您可以使用：

childNodes

注意：var lis = document.getElementById('menu-selector').childNodes; // or you can select lis directly... // var lis = document.querySelectorAll('#menu-selector li'); Array.prototype.slice.call(lis) .forEach(function(li) { // do something... like li.onclick = function () { console.log(this); } });（或childNodes返回）是NodeList类型，我使用querySelectorAll以便在其上使用Array.prototype.slice.call()方法。

有关详细信息，请参阅childNodes。

Answer 2

如果由于某种原因您不希望在li元素上放置id，可以使用以下逻辑选择活动li：

$("#menu-selector li.active").on("click", function(){ alert($(this).text()) });

Answer 3

我为你添加了id，不知道你的意思是搞乱订单。

HTML

.js

的Javascript

<div class="ui-items">
    <header class="ui-module app-header">VoiceBox <a href="#" class="app-header__btn app-header__btn--friends"><i class="entypo-user-add"></i></a>
 <a href="#" class="app-header__btn app-header__btn--edit"><i class="entypo-pencil"></i></a>

    </header>
    <div id="outer">
        <ul class="ui-module menu-selector" id="menu-selector">
            <li id="home_li">Home</li>
            <li id="notif_li" class="js-is-active">Notif's</li>
            <li id="profile_li">Profile</li>
        </ul>
    </div>
</div>

小提琴http://jsfiddle.net/1swep9oq/2/

定位<li>以便您可以点击

3 个答案: