nth child selector

時間 2019-11-12

標籤 nth child selector 简体版

原文原文鏈接

<html> <head> <title>jQuery nth-child example</title> <script type="text/javascript" src="jquery.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>

1. nth-child,nth-of-type
2. CSS3中first-child、last-child、nth-child、nth-last-child
3. CSS3 :nth-of-type() Selector
4. 【CSS】nth-child 與 nth-of-type辨析
5. nth-child & nth-of-type講解
6. :nth-child(x)
7. :eq or :nth-child
8. css3結構僞類選擇器first-child,last-child,nth-child(),nth-last-child()，only-child
9. css :nth-child() 使用
10. 【CSS3】---結構性僞類選擇器—nth-child(n)+nth-last-child(n)
更多相關文章...
• XML Schema selector 元素 - XML Schema 教程
• PHP count() 函數 - PHP參考手冊
• YAML 入門教程
• 算法總結-雙指針

相關標籤/搜索

checkbox+label+selector