jquery parent的用法

来源：百度知道 编辑：UC知道 时间：2024/06/02 00:17:09
<div>
<table>
<tr>
<td>
<span></span>
</td>
</tr>
</table
</div>

<div>
</div>

$(document).ready(function() {
$("span").toggle(function() {
$(this).parent("td").parent("tr").parent("table").parent("div").next("div").hide('slow');
}, function() {
$(this).parent("td").parent("tr").parent("table").parent("div").next("div").show('slow');
});
});
================================================================
为什么这么写不能实现把下面那个div hide和show

<script type="text/javascript">
$(document).ready(function() {
$("span").toggle(function() {
$(this).parent().parent().parent().parent().parent().next().hide('slow');
}, function() {
$(this).parent().parent().parent().parent().parent().next().show('slow');
});
});
//jQuery为了兼容浏览器，自动会在table标签里加入<tbody>标签，因为FF相对于IE对table标签解析要麻烦些的，所有js代码里要多加一层.parent()
//所有你以后写HTML代码时，要注意兼容各个浏览器，比如写table时记得加上thead，tbody标签，这样更能遵循W3C标准