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"]') 。