Question

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

$$("css=.class1 a")

返回

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

我需要检查是否出现Activate。有人可以告诉我如何进行激活。

页面结构：

<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，您可以检查是否存在类。

$("#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选择器检查第一个元素

2 个答案: