parent() mengembalikan satu tingkat elemen induk langsung, sedangkan parents() mengembalikan seluruh silsilah leluhur hingga ke tag <html>.
jQuery Ancestors
Contoh Kode jQuery jQuery Ancestors:
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
</head>
<body style="font-family: sans-serif; padding: 20px;">
<div class="wadah" style="border:2px solid #cbd5e1; padding:15px;">
<span id="anakTeks">Saya elemen anak di dalam wadah</span>
</div>
<button id="btnParent" style="margin-top:10px;">Beri Border Merah pada Parent</button>
<script>
$('#btnParent').click(function() {
$('#anakTeks').parent().css('border-color', '#ef4444');
});
</script>
</body>
</html>
Uji interaksi jQuery di atas dan amati animasi efek DOM secara langsung.