2015-02-23 89 views
0

我想檢查一個特定的元素是否存在於使用CSS的網頁上。使用檢查使用CSS選擇器的第一個元素

$$("css=.class1 a") 

回報

<a href="##################" id="ID-133333">Activate</a> 
<a href="##################" id="ID-122222">Deactivate</a> 

我需要檢查是否激活出現。有人可以讓我知道如何去激活。

頁結構:

<div class = "class1"> 
    <div class = "class2"> 
    <a href="##################" id="ID-133333">Activate</a> 
    <a href="##################" id="ID-122222">Deactivate</a> 
+1

* 「用css ......」 * - 究竟是如何將這項工作? – adeneo 2015-02-23 22:12:10

+0

您是否想要檢查'硒酸元素'頁面上的'Activate'元素是否顯示/存在? – Saifur 2015-02-23 22:13:44

+0

@Saifur是的。我需要檢查Activate – DOSKrupp 2015-02-23 22:15:00

回答

2

您可以使用first-of-type pseudo-class

css=.class1 a:first-of-type 
+0

我發現其他簡單的解決方案使用@FindBy(linktext =「激活」)也做這項工作 – DOSKrupp 2015-02-25 17:57:20

+0

@DOSKrupp當然,錯過了!我的最愛:)謝謝你分享並接受答案! – alecxe 2015-02-25 17:57:53

0

使用jQuery,您可以檢查是否存在類。

$("#search").click(function() { 
 
    if ($(".activate")[0]) { 
 
    alert('Found activate'); 
 
    } 
 
}); 
 

 
$("#search-2").click(function() { 
 
    if (!$(".not-activate")[0]) { 
 
    alert('Could not find not-activate'); 
 
    } 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#" id="ID-133333" class="activate">Activate</a> 
 

 
<a href="#" id="ID-122222" class="deactivate">Deactivate</a> 
 

 
<br/> 
 
<button id="search">Search activate class</button> 
 
<button id="search-2">Search not-activate class</button>

相關問題