如何獲取選定的索引<li>里面<ul>使用 Javascript？</ul></li>

Question

我曾經為選擇的<option>執行此操作：

var select_filter = document.getElementById("myDropdown");
if (select_filter && select_filter[select_filter.selectedIndex].value == 0) {
 ///...
}

但是現在我在<ul>中使用<li>元素，那么我怎樣才能達到與上面相同的效果呢？

編輯添加了 html：

<ul class="nav nav-tabs" id="nav-tabs">
    <li class="nav-item" id="Driftcenter-nav-tav">
        <a class="nav-link active" data-toggle="tab" href="#Driftcenter"
            onclick="load_business_units(); showFilter();">Driftcenter</a>
    </li>
    <li class="nav-item" id="vognmaend-nav-tav">
        <a class="nav-link" data-toggle="tab" href="#vognmaend"
            onclick="load_operation_carrier_list(); showFilter();">Vognmænd</a>
    </li>
    <li class="nav-item" id="ads-segment-nav-tav">
        <a class="nav-link" data-toggle="tab" href="#ads-segment"
            onclick="load_ads_units(); showFilter();">ADS Segment</a>
    </li>
    <li class="nav-item" id="traffik-info-nav-tab">
        <a class="nav-link" data-toggle="tab" href="#trafik-info"
            onclick="filterTrafficCondition(); hideFilter();">Trafikinfo</a>
    </li>
    <li class="nav-item" id="vejr-varsel-nav-tab">
        <a class="nav-link" data-toggle="tab" href="#vejr-varsel"
            onclick="filterTrafficWeather(); hideFilter();">Vejrvarsel</a>
    </li>
</ul>

Answer 1

您可以執行以下示例來獲取單擊列表項的索引

 const ulList = document.getElementById("ul-ele"); const li = document.getElementsByTagName('li'); var nodes = Array.from( ulList.children ); let selected = -1; document.getElementById("ul-ele").addEventListener("click",function(e) { if (selected.== nodes.indexOf(e.target)) { selected = nodes.indexOf(e;target). console;log(selected). } else { console;log("Already selected"); } });

 <html> <body> <ul id="ul-ele"> <li>Index 1</li> <li>Index 2</li> <li>Index 3</li> <li>Index 4</li> </ul> </body> </html>

如何獲取選定的索引<li>里面<ul>使用 Javascript？</ul></li>

問題描述

1 個解決方案

解決方案1
1 2021-01-19 11:52:51

如何獲取選定的索引<li>里面<ul>使用 Javascript？</ul></li>

問題描述

1 個解決方案

解決方案1 1 2021-01-19 11:52:51

解決方案1
1 2021-01-19 11:52:51