不正確的小區選擇與行跨度（jQuery的）

Question

標記：

<tr> 
    <td colspan="3" rowspan="4">1</td> 
    <td>2</td> 
    <td>3</td> 
</tr> 

的jQuery：

$("table tr td:first").addClass("first-col-cell"); 
$("table tr td:last-child").addClass("last-col-cell"); 

...根據jQuery文檔：第一選擇器應只選擇第一TD（1），但它還會選擇其他2

感謝

Answer 1

我只是做了一個測試頁面，您發佈的作品代碼正好。但是，表格至少需要5列寬和4行高，否則我不相信代碼將正常工作。以下示例顯示jQuery代碼正在工作。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript"> 
$(function() { 
    $("table tr td:first").addClass("first-col-cell"); 
    $("table tr td:last-child").addClass("last-col-cell"); 
}); 
</script> 
<style> 
    .first-col-cell { 
     background-color: red; 
    } 

    .last-col-cell { 
     background-color: blue; 
    } 
</style> 
<table> 
<tr> 
    <td colspan="3" rowspan="4">1</td> 
    <td>2</td> 
    <td>3</td> 
</tr> 
<tr> 
    <td>some</td> 
    <td>content</td> 
    <td>for</td> 
    <td>teh</td> 
    <td>test</td> 
    <td>blahh</td> 
</tr> 
<tr> 
    <td>some</td> 
    <td>content</td> 
    <td>for</td> 
    <td>teh</td> 
    <td>test</td> 
    <td>blahh</td> 
</tr> 
<tr> 
    <td>some</td> 
    <td>content</td> 
    <td>for</td> 
    <td>teh</td> 
    <td>test</td> 
    <td>blahh</td> 
</tr> 
<tr> 
    <td>some</td> 
    <td>content</td> 
    <td>for</td> 
    <td>teh</td> 
    <td>test</td> 
    <td>blahh</td> 
</tr> 
<tr> 
    <td>some</td> 
    <td>content</td> 
    <td>for</td> 
    <td>teh</td> 
    <td>test</td> 
    <td>blahh</td> 
</tr> 
</table>