Question

我试图用div和css来解决这个问题，但我建议用JQuery和表来做这件事。

案例是我试图制作一个两行表，第一行有5个单元格，第二行有4个单元格。

当您单击顶部单元格内的<a>之一时，该单元格将跨越该行并更改背景图像，并获取下方单元格之间的对应空间。

默认状态。

<table>
 <tr>
   <td><a href="#" rowspan="2"/>1</td>
   <td><a href="#"/>2</td>
   <td><a href="#"/>3</td>
   <td><a href="#"/>4</td>
   <td><a href="#"/>5</td>
 </tr>
  <tr>
   <td><a href="#"/>6</td>
   <td><a href="#"/>7</td>
   <td><a href="#"/>8</td>
   <td><a href="#"/>9</td>
</tr>

默认情况下应该如何看待

______________________________________
|      |_______|_______|______|______|
|______|_______|_______|______|______|

如果选择了第二行，应该怎么看。

______________________________________
|______|_______|________|______|______|
   |_______|_______|________|_______|

我正在尝试使用双行选项卡菜单，因此当用户从第一行中选择任何选项卡时，选项卡的图像将变得更长，从而丢失单元格的空间。

对所有人抱歉，当然如果有很多工作不打扰，我不知道这将涉及到多少工作，因为我对JQuery一无所知，谢谢无论如何看。

我急于完成这项工作，如果我现在停止学习JQuery，我可能会被告知，这就是我寻找快速解决方案的原因（我知道这听起来很糟糕，但我可以把时间花在正确的时间现在）

Answer 1

我认为这符合你的要求。但是我不知道这对你有什么影响:)所以也许我误解了你。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
    <title>SO</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script type="text/javascript">
        $(function(){
            $('table tr:first td a').click(function(){
                $(this).parents('tr:first').find('td[rowspan]').attr('rowspan', 1);
            });
        });
    </script>
</head>
<body>

<table border="1">
    <tr>
        <td rowspan="2"><a href="#">1</a></td>
        <td><a href="#">2</a></td>
        <td><a href="#">3</a></td>
        <td><a href="#">4</a></td>
        <td><a href="#">5</a></td>
    </tr>
    <tr>
        <td><a href="#">6</a></td>
        <td><a href="#">7</a></td>
        <td><a href="#">8</a></td>
        <td><a href="#">9</a></td>
    </tr>
</table>

</body>
</html>

<a> element is clicked with Jquery?</a>时的Rowspan

1 个答案: