Question

<div class="test" data-credit-card-index="1">

    <button class="test1 test">Delete</button>
    <button class="test1 test">Edit</button>

我想为编辑按钮编写一个CSS定位器..它位于[data-credit-card-index =“1”]部分...那里会有更多的信用卡..所以我必须使用[data-credit-card-index =“1”]加上编辑来定位我的定位器。

任何人都可以在这里帮忙吗？非常感谢!!

Answer 1

<强>更新

对于Selenium：

By.cssSelector('.test[data-credit-card-index="1"] button.test:eq(1)')

或者使用XPath：

By.xpath('div[@data-credit-card-index="1"]/button[contains(text(),"Edit")]')

原始答案（jQuery）

首先：

$('.test[data-credit-card-index="1"] button:contains("Edit")');

第二

$('.test[data-credit-card-index="1"] button.test:eq(1)');

但如果允许，最好使用其他类：

<div class="test" data-credit-card-index="1">

    <button class="test1 test delete-button">Delete</button>
    <button class="test1 test edit-button">Edit</button>

和

$('.test[data-credit-card-index="1"] .edit-button');

Answer 2

对于jquery，您可以使用:contains，例如

$("button:contains('Edit')")
// or
$('[data-credit-card-index="1"]').find("button:contains('Edit')")

如何为按钮编写CSS定位器

2 个答案: