Jquery 點擊<li>下拉選項</li>

Question

這是我來自 WHMCS 客戶區儀表板的代碼。

<ul class="dropdown-menu" role="menu">
    <li><a href="#"><span data-value="all">All Entries</span></a></li>
    <li><a href="#"><span data-value="Terminated">Terminated</span></a></li>
    <li><a href="#"><span data-value="Cancelled">Cancelled</span></a></li>
    <li><a href="#"><span data-value="Active">Active</span></a></li>
</ul>

我想默認單擊“活動”選項。

經過幾次嘗試，我發現下面的代碼可以為我工作

$('.dropdown-menu li:nth-child(4) a').click();

但問題是，活動選項卡未固定在第 4 個 position。

想要更改下面的代碼，使其實際使用“Active”值而不是第 4 個選項。

$('.dropdown-menu li:nth-child(4) a').click();

我正在學習 Jquery，已經嘗試搜索很多線程。 找不到一個。 需要幫忙。

Answer 1

您可以使用選擇器的數據屬性$('.dropdown-menu span[data-value="Active"]') 。