2012-08-28 58 views
-5

是否有任何jQuery函數返回給定頁面的所有HTML元素的列表? 我需要這個以做如下測試:使用jquery獲取所有html元素對象

如果一個元素有一個給定的類做的事,對所有的HTML元素我的網頁上

+7

只需選擇具備的要素上課,當然... – lonesomeday

+0

我不知道爲什麼這個討論已經結束我正在等待八個小時,以發佈我的答案幫助人們($(this).attr(「class」)。indexOf(「aString」)!= -1)的函數(函數() {// do something} }); });' – fatiDev

+0

這是一個糟糕的方式來做到這一點。 – lonesomeday

回答

3

例子:

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

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

$('.classYouAreSearchingFor')是選擇你想要的。

你會得到一組匹配項。你可以遍歷它們。

鑑於這種HTML:

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

使用class as the selector

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

你可以在每一個匹配HTML具有item類迭代。這將比循環遍歷頁面上的所有元素快得多,因爲這將使用本地API來查找匹配的元素。

如果你想另一個類添加到具有.foo與開始的每一個元素:

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

檢查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>