-5

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

如果一个元素有一个给定的类做某事，对于我页面上的所有 HTML 元素

4

4 回答 4

3

例子：

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

// for all elements with a class test
$('.test');
于 2012-08-28T13:25:04.160 回答
0

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

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

鉴于此 HTML：

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

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

$('.item').each(function(i, item) { alert($(this).text());});
于 2012-08-28T13:26:19.497 回答
0

使用类作为选择器。这将比循环浏览页面上的所有元素要快得多，因为这将使用本机 API 来查找匹配的元素。

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

/* if an element has a given class do something */
$(".foo").addClass("bar");
于 2012-08-28T13:26:23.473 回答
0

检查类选择器

例子：

<!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>
于 2012-08-28T13:29:13.143 回答