JavaScript Tutorial

.next()

<html> 
<head> 
    <style> 
        .next * { 
            display: block; 
            border: 2px solid lightgrey; 
            color: black; 
            padding: 5px; 
            margin: 15px; 
        } 
    </style> 
    <script src="https://ajax.googleapis.com/ajax/libs/ 
                jquery/3.3.1/jquery.min.js"></script> 
    <script> 
        $(document).ready(function() { 
            $("h3").next().css({ 
                "color": "black", 
                "border": "2px solid green" 
            }); 
        }); 
    </script> 
</head> 
<body class="next"> 
    <div> 
        This is parent element ! 
        <p>This is first paragraph </p> 
        <span>first span box </span> 
        <h2>heading 2 !</h2> 
        <h3>heading 3 !</h3> 
        <p>This is the second paragraph and next 
        sibling to h3 !</p> 
    </div> 
</body> 
</html>