Question

我创建了一个表，但是我无法使HTML链接正常工作，我希望将其包含在tablerow中。

<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，但我无法让它工作。

Answer 1

要使表格行可点击，请将href放在行标记内：

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

然后使用此jquery：FIDDLE

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

Answer 2

你的问题根本不清楚，如果您想要添加表格单元格的链接，只需使用<a>标记，请参阅下面的内容：

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

在<td>中添加此内容，您将获得一个链接，将您带到谷歌。

下次让你的问题清晰明了，以便其他人也可以使用它。

<强>更新

如果您的意思是点击按钮，那么您应该访问button tag w3schools

Answer 3

为每一行添加一个类，然后添加一个href。

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

然后创建一个点击事件，获取URL，最后将用户重定向到该链接。

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

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

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

  window.document.location = URL;

});

这是FIDDLE。

Answer 4

通过使用下面的代码，将添加超链接 <tr> <td><a href="http://google.com">click to visit google</a></td> </tr> 在表格行。

如何向表行添加超链接

4 个答案: