JQuery - Contains

<html>
<head>
<title>jQuery contains selector example</title>
 
<script type="text/javascript" src="jquery-1.9.1.js"></script>
 
<style type="text/css">
	#msg{
		padding:8px;
		hright:100px;
	}
</style>
</head>
 
<body>
 
<h1>jQuery contains selector example</h1>
 
<div id="msg"></div>
 
<ul>
	<li>One</li>
	<li>two</li>
	<li>three</li>
	<li>four</li>
	<li>five</li>
</ul>
 
<p>
	This is a paragraph 1 - google.com
</p>
 
<p>
	This is a paragraph 2 - tony.com
</p>
 
<br/><br/>
<button>p:contains(paragraph 1)</button>
<button>p:contains(tony)</button>
<button>li:contains(three)</button>
 
<script type="text/javascript">
    $("button").click(function () {
 
	  var str = $(this).text();	
	  $('p, li').css("border", "1px solid #000000");
	  $(str).css("border", "1px solid #ff0000");
	  $('#msg').html("<h4>Button clicked : " + str + "</h4>");
    });
 
</script>
 
</body>
</html>
相關文章
相關標籤/搜索