2012-07-24 76 views
-1

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

脚本应该考虑每个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行,并通过它们循环来点击删除链接,如果条件满足?

感谢您的帮助

+0

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

+0

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

回答

0

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