使用 css 选择器检查第一个元素

Question

我正在尝试使用 css 检查网页上是否存在特定元素。使用

$$("css=.class1 a")

returns

<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>

Answer 1

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

css=.class1 a:first-of-type

Answer 2

使用 JQuery 你可以检查 class 是否存在。

$("#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>

使用 css 选择器检查第一个元素

check the first element using css selector

css

jquery

selenium

css-selectors