-5

特定のページのすべての HTML 要素のリストを返す jQuery 関数はありますか? 次のテストを行うには、これが必要です。

要素に特定のクラスがある場合、ページ上のすべての 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 に答える