如何断言/定位具有禁用选择器的按钮

Question

我可能需要一些帮助来访问按钮上的属性（作为示例） 我正在使用Nightwatch编写端到端测试，我们必须使用locale元素来断言不同的东西。

我有以下图片：

在这里，您可以看到按钮作为类（首选操作）和id（SubmitContinue）以及禁用的属性。

我知道如何定位类，例如： .classname 或id #idname

如何声明此按钮具有禁用属性？

Answer 1

使用属性选择器[attr=value]

＆＃13;

＆＃13;

button[disabled="disabled"] {
  background: lightblue;
}

＆＃13;

<button class="random" id="random" disabled="disabled">Button</button>

＆＃13;

＆＃13;

＆＃13;

如果您想选择属性为disabled的按钮，无论该值是什么，您都可以使用[attr]选择器

＆＃13;

＆＃13;

button[disabled] {
  background: lightblue;
}

＆＃13;

<button class="random" id="random" disabled="disabled">Button</button>
<button class="random" id="random" disabled="enabled">Button</button>

＆＃13;

＆＃13;

＆＃13;

Answer 2

你可以用jquery做到这一点：

$('#SubmitContinue').attr("disabled", true);

Answer 3

不幸的是我还没有评论，但除了Nenad Vracar的回答：

由于disabled属性是一个布尔属性（参见W3C），在场意味着真，缺席意味着虚假（即disabled，disabled="disabled"甚至disabled="false"都是相同）。所以button[disabled]选择器应该总是好的。