Jquery The Basic Part 06 : Jquery .Children nth-Child and .text

Helloo... Akhirnyah kita berjumpa lagi ya sesuatu, ^o^..
Materi kali ini yang akan kita bahas ada 2 fungsi yaitu fungsi anakan dari .children menggunakan nth-child dan .text untuk memberi text/string. Mungkin langsung to do point ajah..

Pertama buat dulu style css dafaultnya :

<style>
 li { color: black;}
 </style>

setelah itu kita buat elemen tag <ul> dan <li> :

<ul class="change">
 <li>item</li>
 <li>item 2</li>
 <li>
 <ul>
 <li>hello from the nest.</li>
 </ul>
 </li>
 </ul>

terakhir kita sisipkan library jquery dan script jquery dengan menggunakan fungsi .children nth-child(2) artinya yaitu untuk memberi style pad li yang kedua, dan adapun untuk .text untuk memberi text pada li children yang terpilih :

 <script src="jquery.js"></script>
 <script>
 $('ul.change').children('li:nth-child(2)').text('Hello Word');
 </script>

Selamat Mencoba :D
>> Download File <<

Tweet