选择元素并点击链接，如果条件

问题描述：

如何编写会点击一个网页链接在规定的条件代码：选择元素并点击链接，如果条件

脚本应该考虑每个div.table行并检查列表元素（div.domains UL LI）包含某些字符串（somedomain.com），然后单击div.table-row中div.actions中的链接a.delete链接。

继承人的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>

如何写这个代码红宝石机械化？

我不知道如何选择所有.table行，并通过它们循环来点击删除链接，如果条件满足？

感谢您的帮助

xpath？请参阅：http://stackoverflow.com/questions/2470202/in-xpath-how-to-select-the-element-content – Rimian 2012-07-25 00:09:52

这些链接没有href属性，因此点击它们不会做任何有意义的事情 – pguardiario 2012-07-25 05:17:18

答

你需要通过元素使用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，并且当它找到您要查找的域名，它会调用执行某个操作的函数。您可以在页面加载或响应用户操作（如按下按钮）时调用此函数。

选择元素并点击链接，如果条件

相关推荐