selecting p, li and div between the span and the body element - Javascript jQuery Method and Property

Javascript examples for jQuery Method and Property:parentsUntil

  1. HOME
  2. Javascript
  3. jQuery Method and Property
  4. parentsUntil

Description

selecting p, li and div between the span and the body element

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<head>
<style>
.ancestors * {/* www  . ja va 2 s  .c  om*/
    display: block;
    border: 2px solid lightgrey;
    color: lightgrey;
    padding: 5px;
    margin: 15px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("span").parentsUntil("body", "p, li, div").css({"color": "red", "border": "2px solid red"});
});
</script>
</head>

<body class="ancestors"> body
  <div style="width:500px;">div
    <ul>ul
      <li>li
        <p>p (direct parent)
          <span>span</span>
        </p>
      </li>
    </ul>
  </div>
</body>

</html>

Related Tutorials