单击表行触发jquery
单击表行触发jquery
提问于 2011-06-05 20:24:21
我喜欢使表中的一行可单击(而不仅仅是行中的文本)，因此我使用以下代码使其打开另一页：
<td onClick="document.location.href='content2.html';" style="cursor:pointer;">但是，现在我使用jquery与下面的代码一起在div中而不是在新页面中打开新页面。如何更新行代码以打开div中的内容而不是新页中的内容。
在实际文本中，我使用以下内容：
<a class="load_link" style="cursor:pointer;">Link<a> 然而，正如我上面所说的，我想让整行都是可点击的，而不仅仅是文本。
JQuery用于更新内容：
$(document).ready(function(){
$("#content").load("content.html");
});
(function($) {
$(function() {
$('.load_link').click(function() {
$("#content").load("content.html");
var $row = $(this).closest("tr");
$row.removeClass("rownotselected").addClass("rowselected");
$row.siblings("tr").removeClass("rowselected").addClass("rownotselected");
return false;
});
});
})(jQuery); 任何帮助都将不胜感激！
回答 2
Stack Overflow用户
发布于 2011-06-05 20:52:19
JQuery可以附加函数来单击表单元格上的事件，因此将表中的行放在id中，而不是$('.load_link').click()，使用$('.load_link, #tableId td').click()。
Stack Overflow用户
发布于 2016-12-22 07:58:33
<style>
.clickable {
cursor: pointer;
color:blue;
}
.content {
border: solid 1px #eee;
padding: 10px;
}
</style>
<table>
<tbody>
<tr class="clickable">
<td>
jas
</td>
</tr>
</tbody>
</table>
<div class="content"></div>
<script>
$(".clickable").on("click", function(){
$(".content").load("home.html");
});
</script>为了使单个行可单击，我们可以将类分配给tr。单击tr后，更新div。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6245627
复制相关文章
相似问题
腾讯云开发者
