讓TD可點擊

我已經用表格設置了fiddle。讓TD可點擊

你看，我試圖做一個表，用戶將鼠標懸停並點擊td顯示一個id。檢查小提琴，你會明白。

現在，當用戶將鼠標懸停Parent4，您可能會注意到有在那裏沒有文字和用戶不能點擊它，因此Child4不會出現在表空間....

現在，有沒有這樣我就可以讓沒有文字點擊的空間顯示出child4？

我試圖

<td ahref="#child4"> but didn't work...

////？編輯爲它有點混亂...

我需要你看到的小提琴。您可以看到Parent4的單元格大於文本。所以，當用戶懸停在單元格上時，我希望文本改變顏色，單元格也改變顏色+如果用戶單擊單元格Child4將不會出現，因爲單元格不可點擊，所以我的問題，我怎樣才能使單元格可點擊顯示Child4？

UPD：

我沒有更新的小提琴，但它現在是最新的。

小提琴沒有任何4S –

@ExplosionPills什麼叫4S是什麼意思？ – user2766367

他的意思4在你的問題，你的意思child4但在你的提琴有一個與你在你的問題 – Kierchon

該href財產是專爲anchor elements (<a/>)。「ahref」應該是<a href="">。 a是它自己的元素，而不是HTML屬性，href是它接受的屬性。

爲了使td可點擊的文本，你可以簡單地把在其內部建立錨：

<td> 
    <a href="#child4">My clickable text</a> 
</td>

編輯：到現在，這個問題已經被添加解決這個問題，只需添加下面的CSS：

td a { 
    display:block; 
    width:100%; 
}

這樣做是顯示定位標記作爲一個塊，使我們能夠調整寬度，然後將寬度設定爲100％，允許它以填充剩餘的空間。

2013-10-11 20:10:17

如果看到小提琴在所有我不知道...... Parent1 – user2766367

我看到你的小提琴，但它並沒有真正匹配在你的問題中使用的代碼（這是一個有點混亂）。你的小提琴中的代碼實際上似乎工作。 –

好吧，我已經更新了我的問題，所以它更難以理解。 – user2766367

在td標記上添加onClick事件。

<td onClick="document.location.href='http://www.yoursite.com';"> some text here </td>

2013-10-11 20:12:11 Jonysuise

請你參考小提琴嗎？我試圖做

這將沒有任何物體或文字中創建塊。

2013-10-11 20:14:20

-1

最簡單的事情是用填充「空」細胞：

&nbsp;

這應該爲你做的伎倆。

2013-10-11 20:16:31 LuFaMa

我該如何申請呢？ – user2766367

你也可以做顯示：塊;的href。 – Cam

有一個非常簡單的方法，只用HTML來做到這一點。將鏈接文本放入DIV中。 DIV佔據整個TD，並使其全部可點擊。

<a href="http://whatever.com"> 
    <div> 
    Link Text 
    </div> 
</a>

2015-11-12 15:24:36 Totoro53

回答