JQuery - nth子元素过滤器

最新推荐文章于 2022-11-07 12:42:50 发布

weixin_33737774

最新推荐文章于 2022-11-07 12:42:50 发布

阅读量80

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/138995/blog/195142

版权

2019独角兽企业重金招聘Python工程师标准>>>

<html>
<head>
<title>jQuery nth-child example</title>
 
<script type="text/javascript" src="jquery-1.10.2.js"></script>
</head>
 
<body>
 
<h1>jQuery nth-child example</h1>
 
<table border=1>
	<tr><td>Row #1</td></tr>
	<tr><td>Row #2</td></tr>
	<tr><td>Row #3</td></tr>
	<tr><td>Row #4</td></tr>
	<tr><td>Row #5</td></tr>
	<tr><td>Row #6</td></tr>
	<tr><td>Row #7</td></tr>
	<tr><td>Row #8</td></tr>
	<tr><td>Row #9</td></tr>
	<tr><td>Row #10</td></tr>
</table>
<br/>
 
<button>:nth-child(4)</button>
<button>:nth-child(3n)</button>
<button>:nth-child(even)</button>    
<button>:nth-child(odd)</button>
 
 
<script type="text/javascript">
    $("button").click(function () {
      var str = $(this).text();
      $("tr").css("background", "white");
      $("tr" + str).css("background", "coral");
    });
</script>
 
</body>
</html>

转载于:https://my.oschina.net/u/138995/blog/195142