Metode parentsUntil dari jQuery

course image
Website
Metode parentsUntil dari jQuery

Metode parentsUntil dari jQuery - Masih dalam pembahasan metode dari jQuery kali ini saya akan menjelaskan metode parentsUntil(), parentsUntil() merupakan metode yang akan mengemablaikan semua elemen induk (parent) kecuali elemen yang dijadikan selector. Supaya lebih jelas dan ada bayangan metode parentsUntil() seperti apa saya akan praktekan berikut ini.

Metode parentsUntil()

Secara default bentuk penulisan sintak parentsUntil() seperti berikut.

$("selector").parentsUntil("elemen");

Berikut akan saya aplikasina penggunaan metode parentsUntil() pada elemen list. Silahkan teman - teman bisa ketikan sintaknya berikut ini.

<head>
<style>
.content * {
    display: block;
    border: 2px solid lightgrey;
    color: lightgrey;
    padding: 5px;
    margin: 10px;
}
</style>
</head>
<body class="content">
  <div id="list" style="width:400px;"> Elemen div
    <ul>ul
      <li>li
        <span>span</span>
      </li>
    </ul>   
  </div>
</body>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
    $(document).ready(function(){
        $("span").parentsUntil("#list").css({
            color: "darkcyan",
            border: "2px solid darkcyan"
        });
    });
</script>

Dari sintak diatas artinya kita telah memilih semua elemen didalam div #list kecuali elemen yang dijadikan selector yakni span. Nah, semoga dengan contoh diatas teman - teman bisa lebih paham lagi yah bagaimana cara penggunaan nya. Baik sampai disini pembahasan jQuery tentang Metode parentsUntil dari jQuery. Semoga bermanfaat

Risman Hakim
21 November 2019

Webinar Gratis 2024

Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024

10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat