Question

是否有任何jQuery函数返回给定页面的所有HTML元素的列表？我需要这个才能进行以下测试：

如果某个元素具有给定的类，则对我页面上的所有HTML元素执行某些操作

Answer 1

示例：

// for all elements
$('*');

// for all elements with a class test
$('.test');

Answer 2

$('.classYouAreSearchingFor')是您想要的选择器。

您将获得一系列匹配的项目。你可以遍历它们。

鉴于此HTML：

<ul>
  <li class='item'>Hi</li>
  <li class='item'>Hello</li>
</ul>

您可以遍历具有item类的每个匹配的HTML：

$('.item').each(function(i, item) { alert($(this).text());});

Answer 3

使用class as the selector。这比循环浏览页面上的所有元素要快得多，因为这将使用本机API来查找匹配的元素。

如果您想为每个开头.foo的元素添加另一个类：

/* if an element has a given class do something */
$(".foo").addClass("bar");

Answer 4

检查Class Selector

示例：

<!DOCTYPE html>
<html>
<head>
  <style>
  div,span {
    width: 100px;
    height: 40px;
    float:left;
    padding: 10px;
    margin: 10px;
    background-color: #EEEEEE;
  }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <div class="notMe">div class="notMe"</div>

  <div class="myClass">div class="myClass"</div>
  <span class="myClass">span class="myClass"</span>
<script>$(".myClass").css("border","3px solid red");</script>

</body>
</html>

用jquery获取所有html元素对象

4 个答案: