如何將超鏈接添加到表格行<tr>

我創建了一個表格，但我無法獲取HTML鏈接的工作方式，我想將其包含在表格中。如何將超鏈接添加到表格行<tr>

<table class="list" border="0" cellspacing="0" cellpadding="0"> 
<tbody> 
<tr> 
<th width="10%"></th> 
<th width="30%">Titel</th> 
<th width="20%">Typ</th> 
<th width="10%">Jahr</th> 
<th width="14%">Anzahl</th> 
<th width="8%"><img title="Dub" src="IMG" alt="Dub" /></th> 
<th width="8%"><img title="Sub" src="IMG" alt="Sub" /></th> 
</tr> 
<td><img src="IMG" alt="" /></td> 
<td style="padding-top: 15px;">XYXYXYXYXY</td> 
<td style="padding-top: 15px;">XCXYX</td> 
<td style="padding-top: 15px;">XYXYX</td> 
<td style="padding-top: 15px;">XXXXX</td> 
<td style="padding-top: 15px;"><img src="XYXYXYXYXY" alt="" /></td> 
<td style="padding-top: 15px;"><img src="XYXYXYXYXY" alt="" /></td> 
</tr> 
<td><img src="XYXYXYXYXY" alt="" /></td> 
<td style="padding-top: 15px;">XYXYXYXYXY</td> 
<td style="padding-top: 15px;">XYXYXYXYXY</td> 
<td style="padding-top: 15px;">XXXXX</td> 
<td style="padding-top: 15px;">XYXYX</td> 
<td style="padding-top: 15px;"><img src="XYXYXYXYXY" alt="" /></td> 
<td style="padding-top: 15px;"><img src="XYXYXYXYXY" alt="" /></td> 
</tr> 
</tbody> 
</table>

小提琴：http://jsfiddle.net/pjPTd/

我使用jQuery試過，但我不能得到它的工作。

來源

2014-07-17 user3850699

問題是什麼？我沒有看到鏈接。 –

你的情況是什麼？你想實現什麼？ –

您點擊的意思是什麼？你的意思是重定向到另一個頁面？或者只是改變表示它被點擊的顏色？同時，開啓和關閉''不匹配。這可能會讓不同的瀏覽器搞砸 – pms

爲了使錶行點擊，把裏面的行標籤的href：

<tr href="http://www.example.com">

然後使用這個jquery：FIDDLE

$(document).ready(function(){ 
    $('table tr').click(function(){ 
     window.location = $(this).attr('href'); 
     return false; 
    }); 
});

來源

2014-07-17 21:02:44 ShemSeger

這就是我正在尋找的，你能說我在wordpress cms中添加jquery代碼嗎？ – user3850699

請參閱此問題的答案：http://stackoverflow.com/questions/11159860/how-do-i-add-a-simple-jquery-script-to-wordpress – ShemSeger

你的問題不明確可言，如果你想添加一個鏈接到一個表格單元格，你可以簡單地使用<a>標籤，參見下文：

<a href="http://google.com"> click to visit google </a>

添加此一<td>內，你會獲取一個鏈接，將您帶到谷歌。

下次讓您的問題清晰一般，以便其他人也可以使用它。

更新：

，如果你通過點擊一個按鈕的意思，那麼你或許應該參觀button tag w3schools

來源

2014-07-17 20:42:43 Fanckush

爲每行添加一個類，然後添加一個href。

<tr class='js-clickable' href='http://www.ebay.com'>

然後創建一個click事件，獲取URL，最後將用戶重定向到該鏈接。

$('.js-clickable').on('click', function() { 

    var URL = $(this).attr("href"); 

    alert('you will be redirected to' + ' ' + redirectURL); 

    window.document.location = URL; 

});

這是FIDDLE。

來源

2014-07-17 21:13:42 Aaron

通過使用以下代碼，超鏈接將 <tr> <td><a href="http://google.com">click to visit google</a></td> </tr> 添加到表格行中。

來源

2016-04-21 07:43:51

如何將超鏈接添加到表格行<tr>

回答

相關問題