css - 用 watir 检查标签类？

Question

我有一个 div 会根据表单是否正确提交而改变。
我想知道是否可以检查某个类的特定元素？

开始元素看起来像这样。

<div id="myerrortest" class="input text"></div>

如果输入不正确，请添加错误类。

<div id="myerrortest" class="input text error"></div>

Answer 1

试试这个：

browser.div(:id => "myerrortest").class_name

更多信息：

http://watir.github.com/watir-webdriver/doc/Watir/HTMLElement.html#class_name-instance_method

另一种选择是只查看您期望的具有类的 div 是否存在

browser.div((:id => "myerrortest", :class => 'input text').exists?

如果使用 rSpec 类型匹配器，它将是

browser.div((:id => "myerrortest", :class => 'input text').should exist

Answer 2

您可以使用 jquery 来做到这一点（或者不这样做，jquery sintax 只是更简单，但使用 getelement 你可以做任何事情）。

这是一个通过单击按钮添加类的示例：

$(".button").click(function(){  
$("#myerrortest").attr("class",$("#myerrortest").attr("class")+" error");
});

这项工作也适用于 $(".classname")。希望有帮助