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>

使用rowspan（jQuery）的单元格选择不正确

1 个答案: