closest2

来源:互联网 发布:一键转发朋友圈 源码 编辑:程序博客网 时间:2024/06/08 08:17

<!DOCTYPE html>

<html>

<head>

<script type="text/javascript"src="js/jquery-1.12.3.js"></script>

</head>

<body>

<ul id="one"class="level-1">

  <li class="item-i">I</li>

  <li id="ii"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>

//定义和用法

//closest() 方法获得匹配选择器的第一个祖先元素,从当前元素开始沿 DOM 树向上。

$('li.item-a').closest('ul').css('background-color','red');

</script>

</body>

</html>

0 0
原创粉丝点击