Demo JQuery .parent() & .parents()

by Taufik Nurrohman

HTML

<div id="outer">
    <div class="inside">
        <ul>
            <li>Item daftar</li>
            <li>Item daftar</li>
            <li><a href="#">Daftar dalam tautan</a></li>
            <li>Item daftar</li>
        </ul>
    </div>
</div>

CSS

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

JavaScript

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

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