Rowspan <a>元素是用Jquery點擊的嗎？

我試圖得到這與div和css，但我建議用jQuery和表來做。Rowspan <a>元素是用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，現在我可能會被告知關閉，這就是爲什麼我正在尋找一個快速解決方案（我知道這聽起來很糟糕，但我可以花時間現在）

來源

2010-01-26 Amra

在默認視圖中，是否選擇了最上面的選項卡？如果是這樣，這對我有意義，但我不明白第二種觀點。 – Znarkus 2010-01-26 14:09:59

對不起，如果選擇了第二行中的任何一行，那麼它會使它更加一致，並且第一行中的任何項目都不會包含行跨度，因此用戶可能會定義哪個行項已被選中。 – Amra 2010-01-26 15:48:24

您所描述的內容不能在表格中完成，因爲表格定義爲網格。你的第二個例子不符合網格定義，因爲單元格不與同一張表的第一行對齊。 – 2010-01-26 18:15:47

我想這就是你要求的。但我不知道這對你會怎麼做:)所以也許我誤解了你。

<!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>

來源

2010-01-26 18:05:56 Znarkus

Rowspan <a>元素是用Jquery點擊的嗎？

回答

相關問題