jQuery selector elemen ke N

Discussion in 'Programming' started by apartemen, Sep 25, 2014.

  1. apartemen

    apartemen New Member

    Joined:
    Sep 25, 2014
    Messages:
    12
    Likes Received:
    2
    Trophy Points:
    3
    Misal ada beberapa <li> dan kita ingin menghapus <li> kedua, kita bisa memakai kode berikut :

    HTML:
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        $(".buah ul li:nth-child(2)").remove();
    });
    </script>
    <div class="hewan">
        <ul>
            <li>Ayam</li>
            <li>Sapi</li>
            <li>Kambing</li>
        </ul>
    </div>
    <div class="buah">
        <ul>
            <li>Apel</li>
            <li>Jeruk</li>
            <li>Nanas</li>
        </ul>
    </div>
    Live demo :
    Code:
    http://jsfiddle.net/mmtLLwf0/
    Selamat mencoba :D
     
  2. Grant Verleend

    Grant Verleend Active Member

    Joined:
    Sep 10, 2014
    Messages:
    1,234
    Likes Received:
    35
    Trophy Points:
    48
    Google+:
    Tq ga, tambah ilmu nie
     
  3. ulfa44

    ulfa44 New Member

    Joined:
    Oct 27, 2014
    Messages:
    5
    Likes Received:
    0
    Trophy Points:
    1
    Kenapa ya Li ditempatku kok gak bisa hilang. Apa yang salah nich gan?
     
  4. apartemen

    apartemen New Member

    Joined:
    Sep 25, 2014
    Messages:
    12
    Likes Received:
    2
    Trophy Points:
    3
    coba full codenya ditaruh di sini :D
     
  5. tonbad

    tonbad Member

    Joined:
    Dec 21, 2014
    Messages:
    258
    Likes Received:
    24
    Trophy Points:
    18
    Google+:
    manipulasi html nih... mantap..
     
Loading...
Similar Threads - jQuery selector elemen
  1. wrep17
    Replies:
    13
    Views:
    2,637
  2. Reza Juliandri
    Replies:
    7
    Views:
    3,110
  3. Reza Juliandri
    Replies:
    8
    Views:
    2,144

Share This Page