jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery选择后代,包括父代大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
虑以下HTML:
<div class="foo" id="obj">
   I should be changed red
   <div class="bar" style="color:black;">
      I should not be changed red.
      <div class="foo">I should be changed red.</div>
   </div>
</div>

给定一个DOM元素obj和一个表达式,我如何去选择任何孩子和可能的obj?我正在寻找类似于“选择后代”的东西,但是如果它与表达式匹配,则还包括父代。

var obj = $("#obj")[0];

//wrong,may include siblings of 'obj'
$(".foo",$(obj).parent()).css("color","red");

//wrong -- excludes 'obj'
$(".foo",obj).css("color","red");

//correct way,but it's Annoying
var matches = $(".foo",obj);
if ($(obj).is(".foo")) matches = matches.add(obj);
matches.css("color","red");

有更优雅的解决方案吗?

解决方法

如果我正确理解你的话:
$(currentDiv).contents().addBACk('.foo').css('color','red');

为了清楚起见,我将“div”更名为“currentDiv”。这将选择当前元素及其包含的所有元素,然后过滤掉没有类foo的元素,并将样式应用于余数,即具有类foo的样式。

编辑稍微优化

$(currentDiv).find('.foo').addBACk('.foo').css('color','red');

编辑

这个答案已经更新,以结合更新的jQuery方法。原来是

$(currentDiv).find('.foo').andSelf().filter('.foo').css('color','red');

这仍然是1.8以上的jQuery需要的

大佬总结

以上是大佬教程为你收集整理的jQuery选择后代,包括父代全部内容,希望文章能够帮你解决jQuery选择后代,包括父代所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

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