javascript - 使用 2 个数据属性定位 HTML 元素

Question

我在定位具有 2 个数据元素的 div 时遇到问题。这是代码片段:

    <button data-button="inventoryb" data-name="overview" style="width:120px">Overview</button>
    <button data-button="inventoryb" data-name="schedule" style="width:120px">Schedule</button>
    <button data-button="inventoryb" data-name="plan" style="width:120px">Inventory Plan</button>
    <button data-button="inventoryb" data-name="atl" style="width:120px">Inventory ATL</button>

您能帮我使用 JQuery 定位一个按钮吗？这个我试过了

$("button[data-button='inventoryb']").find("button[data-name='overview']").click();

但是好像不行。

预先感谢您，如果我发布了重复的问题，我深表歉意。我找不到与我的问题类似的问题。

编辑:我想在搜索中同时拥有两个 data- 属性，因为在我的另一个代码中，有一个类似的结构:

    <button data-button="taskb" data-name="overview" style="width:120px">Overview</button>
    <button data-button="taskb" data-name="list" style="width:120px">Schedule</button>

因此仅通过数据名称搜索不足以定位到正确的按钮

Answer 1

$("button[data-button=inventoryb][data-name=overview]").click()