您需要使用 Javascript(而不是 RoR)来遍历元素并检查正确的类名。无法以编程方式“单击”链接,但您可以使用 Javascript 执行所需的操作。
<div class="table-row">
<div class="domains">
<ul>
<li class="domain1">somedomain.com</li>
<li class="domain2">someotherdomain.com</li>
</ul>
</div>
<div class="actions">
<ul class="menu">
<li><a class="delete">Delete</a></li>
</div>
至于 Javascript,使用 JQuery 之类的 Javascript 框架最容易做到这一点,但手动它看起来像这样:
<script type="text/javascript">
function searchForDomains(domainName) {
var divs = document.getElementsByTagName('DIV');
for (var i = 0; i < divs.length; i++) {
var div = divs[i];
if (div.className == 'table-row') {
var tableRow = div;
var lis = tableRow.getElementsByTagName('LI');
for (var j = 0; j < lis.length; j++) {
var li = lis[j];
if (li.innerHTML == domainName) {
doDelete(tableRow);
}
}
}
}
function doDelete(tableRow) {
// do whatever it is that you'd like to see happen if the delete link was clicked.
}
它的作用是遍历页面上的所有 DIV,当它找到一个具有正确类的 DIV 时,它会遍历该 DIV 内的所有 LI,当它找到一个具有您要查找的域的 LI 时,它会调用执行某些操作的函数。您可以在页面加载时调用此函数,或者在响应用户操作(如按下按钮)时调用此函数。