:last-child Selector - Selectors , jQuery |
:last-child Selector() เป็นการใช้ Selectors กับ :last-child Selector() คือในการอ้างถึง element ที่ last-child คืออยู่ในลำดับสุดท้ายของ child
Syntax
Example ตัวอย่างการใช้งาน :last-child Selector()
lastchildSelector.html

01. <html>
02. <head>
03. <title>ThaiCreate.Com jQuery Tutorials</title>
04. <style>
05. span.solast { text-decoration:line-through; }
06. </style>
07. <script type= "text/javascript" src= "jquery-1.6.4.js" ></script>
08. <script type= "text/javascript" >
09.
10. $(document).ready( function (){
11.
12. $( "div span:last-child" )
13. .css({color: "red" , fontSize: "80%" })
14. .hover( function () {
15. $( this ).addClass( "solast" );
16. }, function () {
17. $( this ).removeClass( "solast" );
18. });
19.
20. });
21. </script>
22. </head>
23. <body>
24.
25. <div>
26. <span>John,</span>
27. <span>Karl,</span>
28. <span>Brandon,</span>
29.
30. <span>Sam</span>
31. </div>
32. <div>
33. <span>Glen,</span>
34. <span>Tane,</span>
35.
36. <span>Ralph,</span>
37. <span>David</span>
38. </div>
39.
40. </body>
41. </html>
Screenshot

คำอธิบาย (ภาษาไทย)
จากตัวอย่างเป็นการใช้ Selectors กับ :last-child Selector() ในการอ้างถึง element เช่น $("div span:last-child") คือ <div> ที่มี <span> อยู่ในลำดับ สุดท้าย
ลิ้งค์ที่ควรศึกษา
Go to : jQuery Selectors : jQuery Selectors and Element
เกี่ยวกับบทความ
ส่วนหนึ่งของบทความได้เรียบเรียงและแปลจากเว็บไซต์ jQuery.Com โค้ดตัวอย่างคำสั่งนี้อยู่ภายใต้สัญญาอนุญาตของ GFDL สามารถนำโค้ดและคำสั่งใช้งานได้ฟรี สงวนลิขสิทธิ์เฉพาะคำอธิบายภาษาไทย
|
|
Total Votes: 181Overall Rating: 3.8 / 5 |
|
 |
|
|
ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท
|
|
|
By : |
ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ) |
|
Score Rating : |
  |
|
|
Create/Update Date : |
2011-09-22 20:35:32 /
2011-10-22 07:59:03 |
|
Download : |
No files |
|
Sponsored Links / Related |
|
|
|
|
|
|