zoukankan      html  css  js  c++  java
  • jquery中的 .parent()

    ☆    遍历 - .parent() 方法:     查找每个段落的带有 "selected" 类的父元素:
        <body>
            <ul class="level-1">
              <li class="item-i">I</li>
              <li class="item-ii">II
                <ul class="level-2">
                  <li class="item-a">A</li>
                  <li class="item-b">B
                    <ul class="level-3">
                      <li class="item-1">1</li>
                      <li class="item-2">2</li>
                      <li class="item-3">3</li>
                    </ul>
                  </li>
                  <li class="item-c">C</li>
                </ul>
              </li>
              <li class="item-iii">III</li>
            </ul>
            <script>
            $('li.item-a').parent().css('background-color', 'red');//class="item-a"所在的容器的环境 的背景色都改为red ($('li.item-a').parent(): 找到它的宿主) 
            </script>
        </body>    
    <!DOCTYPE html>
        <html>
        <head>
        <meta charset="utf-8">
        <title>菜鸟教程(runoob.com)</title>
        <style>
            .ancestors *{  display: block; border: 2px solid lightgrey; color: lightgrey; padding: 5px; margin: 15px;}
        </style>
        <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
        </script>
        <script>
        $(document).ready(function(){
            $("span").parent().css({"color":"red","border":"2px solid red"});
        });
        </script>
        </head>
        <body class="ancestors">body (曾曾祖父节点)
            <div style="500px;">div (曾祖父节点)
                <ul>ul (祖父节点)  
                    <li>li (直接父节点)
                        <span>span</span>
                    </li>
                </ul>   
            </div>
        </body>
        </html>
  • 相关阅读:
    springboot2 + prometheus + grafana 监控整合
    vs code 快捷键总结
    java8 concurrecy
    java8 localdatetime timestamp 转换
    有意思的网站
    评价搜索引擎质量
    转载一篇文章
    csdn 站点使用
    百度站点平台
    好的文章聚合站点
  • 原文地址:https://www.cnblogs.com/hahajava/p/9044501.html
Copyright © 2011-2022 走看看