JSFiddle - React, Tailwind, and code Playground

by azhari

HTML

<div id="luar">
    <div class="dalam">
        <ul>
            <li>Item 1</li>
            <li>Item 2</li>
            <li><a href="#">Item 3</a></li>
            <li>Item 4</li>
        </ul>
    </div>
</div>

CSS

.dalam {
  margin:10px;
  padding:10px;
  background-color:#ddd;    
}

JavaScript

// Contoh penerapan .parent()
$('li').parent().css('border', '2px solid blue');
$('a').parent().css('border', '1px dotted black');

// Contoh penerapan .parents()
$('li').parents('#luar').css('border', '2px solid green');