[英]JQuery toggle selected Table row
我正在显示项目列表。 每个项目都有一个描述,单击表行时将显示该描述。 如果我删除find(#planetDistance td)并进行切换,它将隐藏@item名称,然后显示Planet Distance,在此我要同时显示两者。
<div class="rightCol">
<table id="planetTable">
@foreach (var item in Model)
{
<tr>
<td><b>@item.Name</b></td>
<td id="planetDistance" style="display:none">@item.ToString()</td>
</tr>
}
</table>
</div>
@section scripts{
<script type="text/javascript">
$(document).ready(function () {
$('#planetTable tr').click(function () {
var result = $(this).find("#planetDistance td");
result.toggle();
});
});
id
应该是唯一的,而不是使用class
<div class="rightCol">
<table id="planetTable">
@foreach (var item in Model)
{
<tr>
<td><b>@item.Name</b></td>
<td class="planetDistance" style="display:none">@item.ToString()</td>
</tr>
}
</table>
</div>
@section scripts{
<script type="text/javascript">
$(document).ready(function () {
$('#planetTable tr').click(function () {
var result = $(this).find("td.planetDistance");
result.toggle();
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.