Aug
15
2009

การใช้งาน Selector Filter แบบ last

An article by บริษัท เก้ายอดสตูดิโอ จำกัด

การใช้งานของ Filter Last นั้นก็เหมือนๆกับ first เลยครับต่างกันตรงที่มันเอามาใช้ในการ select element สุดท้าย ครับ ตัวอย่างเช่นเรามี Table ที่มี TR จำนวน 3 Row ด้วยกัน เราจะทำการกำหนดสี background ให้กับ TR Row สุดท้ายในที่นี้ก็คือ Row 3 ให้มีสีเหลือง สามารถทำได้ดังนี้ครับ

1
2
3

$(document).ready(function(){
$("tr:last").css({backgroundColor: 'yellow', fontWeight: 'bolder'});
});

ผลที่ได้ก็จะแสดงได้แบบนี้ครับ

First Row

Middle Row

Last Row

ลองเอาไปใช้กันดูครับ

Final Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

"http://www.w3.org/TR/html4/loose.dtd">

<script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"></script>
<table border="0">
<tbody>
<tr>
<td>First Row</td>
</tr>
<tr>
<td>Middle Row</td>
</tr>
<tr>
<td>Last Row</td>
</tr>
</tbody></table>