akash1

Browse more Jquery Examples
<!DOCTYPE html>
<html>
<head>
<style>
.myclass * { 
    display: block;
    border: 2px solid blue;
    color: red;
    padding: 5px;
    margin:10px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $('ol','this').css({"color": "maroon", "border": "5px solid maroon"});
});
</script>
</head>

<body class="myclass">body
  <div style="width:500px;">div
    <ol>ol - This is the third ancestor 
    <ol>ol - This is the second ancestor
      <li>li - This is the direct parent element
        <span>demo</span>
        <span class="one">demo - using class selector with closest() method</span>
      </li>
    </ol>
    </ol>   
  </div>
</body>
akash1

Follow

Newsletter
