特定のページのすべての HTML 要素のリストを返す jQuery 関数はありますか? 次のテストを行うには、これが必要です。
要素に特定のクラスがある場合、ページ上のすべての HTML 要素に対して何かを行います
例:
// for all elements
$('*');
// for all elements with a class test
$('.test');
$('.classYouAreSearchingFor')
必要なセレクターです。
一致したアイテムの配列が返されます。それらを繰り返すことができます。
このHTMLを考えると:
<ul>
<li class='item'>Hi</li>
<li class='item'>Hello</li>
</ul>
item
次のクラスを持つ一致した各HTMLを反復処理できます。
$('.item').each(function(i, item) { alert($(this).text());});
クラスをセレクターとして使用します。これは、ネイティブAPIを使用して一致する要素を見つけるため、ページ上のすべての要素を循環するよりもはるかに高速です。
.foo
次で始まる必要があるすべての要素に別のクラスを追加する場合:
/* if an element has a given class do something */
$(".foo").addClass("bar");
クラスセレクターを確認する
例:
<!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>