jQuery parent() (“selector”)

发布时间:2019-10-03 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了jQuery parent() (“selector”)脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个HTML代码:
<tr>
  <td><input type="checkbox" class="chk" /></td>
  <td><div class="disabled">text to hide 1</div></td>
  <td><div class="disabled">text to hide 2</div></td>
</tr>

我使用jQuery隐藏所有class =“禁用”项目:

$("div.disabled").hide() ;

当我点击同一行(tr)中的复选框时,我想显示disabled divs。
我试过了

$("input.chk").click(function(){
  $(this).parent().parent().(".disabled").show();
}) ;

但它不工作。

解决方法

使用 .closest().find(),像这样:
$("input.chk").click(function(){
  $(this).closest('tr').find(".disabled").show();
});

你当前的代码几乎工作,你需要一个.find()虽然,像这样:

$(this).parent().parent().find(".disabled").show();

如果你有这么多行,使用.delegate(),像这样:

$("table").delegate("input.chk","click",function(){
  $(this).closest('tr').find(".disabled").show();
});

.delegate()而是将一个处理程序绑定到所有的input.chk元素的表以冒泡。如果你想启用/禁用,使用更改和.toggle()除了上述,像这样:

$("table").delegate("input.chk","change",function(){
  $(this).closest('tr').find(".disabled").toggle(this.checked);
});

这种方式如果检查他们显示,如果不是他们隐藏。

总结

以上是脚本之家为你收集整理的jQuery parent() (“selector”)全部内容,希望文章能够帮你解决jQuery parent() (“selector”)所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:76874919,请注明来意。

快乐,其实很简单!比如有我~

关注我升职加薪

标签: