2012-07-23 47 views
3

使用jquery,我如何找到並隱藏這樣的元素?Jquery:如何找到和這樣的元素<p>MyHeader</p>

<p>MyHeader</p> 

唯一標識符是MyHeader這裏,所以試圖找到完全匹配這一點,並隱藏他們的元素。

編輯: 我沒有選擇添加ID或類選擇器,這將使生活更輕鬆:-)無論如何,我發現jquery包含似乎有幫助!

回答

6
$('p:contains(MyHeader)').hide() 
0

添加ID或類定義p標籤

HTML

<p class="header">MyHeader</p> 

JQUERY

$('.header').hide(); 
做到這一點
1

一種方法是添加一個類p標籤。

所以,你會做這樣的事情:

<p class="myClass">MyHeader</p> 

然後你就可以隱藏使用以下的jQuery

$(".myClass").hide() 
+0

爲什麼downvote?這是做這件事的有效方法。 – 2012-07-23 08:44:58

+0

它不是我downvoted,但我認爲這是因爲OP明確表示他不能添加ID或類的 – Undefined 2012-07-23 08:50:42

+0

只有在它被編輯後,我張貼後:( – 2012-07-23 08:51:42

1

jQuery的API有一個包含函數:

http://api.jquery.com/category/selectors/content-filter-selector/

這是一個例子:

<!DOCTYPE html> 
<html> 
<head> 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
</head> 
<body> 

<div>John Resig</div> 

<div>George Martin</div> 
<div>Malcom John Sinclair</div> 
<div>J. Ohn</div> 


<script> 
$("div:contains('John')").css("text-decoration", "underline"); 
    </script> 

</body> 
</html> 
1
$("p:contains('MyHeader')").hide()