选择元素并在条件下单击链接答案

【问题标题】：select elements and click link if condition选择元素并在条件下单击链接
【发布时间】：2012-07-24 23:19:50
【问题描述】：

如何编写在指定条件下点击网页链接的代码：

脚本应该查看每个 div.table-row 并检查 div 中的列表元素 (div.domains ul li) 是否包含特定字符串 (somedomain.com)，然后单击链接 a.delete 里面的链接div.table-row 中的 div.actions。

HTML 结构如下：

<div class="table-row">
  <div class="domains">
    <ul>
    <li>somedomain.com</li
    <li>someotherdomain.com</li>
    </ul>
  </div>
  <div class="actions">
    <ul class="menu">
    <li><a class="delete">Delete</a></li>
  </div>
</div>

如何在 ruby mechanize 中编写这段代码？

如果满足条件，我不知道如何选择所有 .table-rows 并遍历它们以单击删除链接？

感谢您的帮助

【问题讨论】：

xpath？见：stackoverflow.com/questions/2470202/…
那些链接没有 href 属性，因此点击它们没有任何意义

标签： ruby-on-rails ruby mechanize mechanize-ruby

【解决方案1】：

您需要使用 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 时，它调用一个执行某些操作的函数。您可以在页面加载时调用此函数，或者在响应用户操作（如按下按钮）时调用此函数。

【讨论】：