如何单击Span类元素

时间:2014-07-22 12:38:10

标签: java html testing selenium automation

我需要找到编辑器的HTML代码。

<span class="td-creative-name"></span>

<div class="editors pull-right" style="visibility: visible;">

    <ul id="editorList">
        <li></li>
        <li></li>
        <li>
            <span class="dc-url omedia-link" title="" data-placement="top" rel="tooltip" data-toggle="tooltip" data-original-title="Creative URL"></span>
        </li>
        <li></li>
    </ul>

我想点击&#34;广告网址&#34;这里。你能帮我解释一下代码吗?我无法使它工作。

4 个答案:

答案 0 :(得分:0)

在span

中使用jquery put id尝试以下代码
$("#myspan").click(function(){
alert('I got a click');
});

由于 诗

答案 1 :(得分:0)

HTML <span>元素具有onclick属性,您可以使用该属性。有关示例,请参阅以下jfiddle:http://jsfiddle.net/tpHr3/1/

在您的情况下,您希望填写onclick代码的span属性:

<span class="dc-url omedia-link" title="" 
      data-placement="top" rel="tooltip" 
      data toggle="tooltip" data-original-title="Creative URL" 
      onclick="yourFunction();"></span>

答案 2 :(得分:0)

http://jsfiddle.net/XWzke/

$("#editorList li span").click(function(){
    alert('clicked');
});

答案 3 :(得分:0)

如果你正在使用selenium,那么你可以找到该元素并点击它,

driver.findElement(By.xpath("//*[@class='dc-url omedia-link')]")).click();

注意:如果我提到的xpath不适用于css选择器或任何其他。