我顿悟的遍历同胞的siblings() 方法

大家都知道:

$("p").siblings(".selected") 查找每个 p 元素的所有类名为 "selected" 的所有同胞元素。

而 $("xx").siblings(); siblings() 方法返回被选元素的所有同胞元素。(不包含自身)。

所有我们可以这样:

$(xxx).addclass('xxx').siblings().removeclass();

给所选的元素增加class,移除他所有同胞的类。

$(xxxx).css('display', 'block').siblings().css('display', 'none');

显示xxxx,隐藏所有同胞。等等。。。

W3C是这样说的:

由于我们未应用选择器表达式,所有同胞元素很自然地成为了对象的一部分。如果已应用选择器,则只会包含四个列表中的匹配的项目。

原始元素不包含在同胞元素中,当我们打算找到 DOM 树的特定层级上的所有元素时,记住一点很重要。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • 本章转载自新浪博客网友:blog.sina.com.cn/s/blog_7f5571aa0102w2tv.html...
    czboy阅读 1,475评论 0 11
  • Attribute: $("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img...
    扑克脸_457e阅读 583评论 0 1
  • $(”p”).addClass(css中定义的样式类型); 给某个元素添加样式 $(”img”).attr({sr...
    专注寒冰三千岁阅读 513评论 0 4
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 3,308评论 0 5