cara mengambil index

mau tanya gimana caranya saya mau mengambil index dari getElemntsByClass;

misal saya punya html seperti ini

Home Produc About

nah buat cara pengambilan index myclass jika saya pake getElemntsByClass sesuai mousenya mengarah ke tag mananya gmana ya, mohon dibantu. trimakasih sebelummya

avatar Sumantri
@Sumantri

22 Kontribusi 5 Poin

Diperbarui 7 tahun yang lalu

8 Jawaban:

soal sulit dipahami! atau saya yg gak bisa paham ya?

avatar wedev
@wedev

86 Kontribusi 23 Poin

Dipost 7 tahun yang lalu

Jawaban Terpilih

Boleh saya anjurkan pake jquery ?



<script>
$(document).ready(function(){
    $("button").click(function(){
        var x = $('.index').html();
        $('.contoh').html(x);
    });
});
</script>

<p class="index"><a>Halo ini index didalam elemet a (didalam elemet p)</a></p>

<p class="contoh"></p>

<button>Show</button>

Klauu mauu ambil text nya aja.. pakai text(); ganti html() diatas..

avatar dodipsitorus
@dodipsitorus

412 Kontribusi 145 Poin

Dipost 7 tahun yang lalu

   $('.myclass').each(function(index, el) {
    console.log($(this).html);
  });

coba begini pakai jquery

avatar ardyhim
@ardyhim

289 Kontribusi 175 Poin

Dipost 7 tahun yang lalu

Maksudnya Mouse Hover ya gan,,,? Coba ini gan mudah2 membantu,,,,

 $('.myclass').hover(function() {
    var index = $(this).html();
    $('#text').html(index);
});

Demo https://jsfiddle.net/816h4dxx/

avatar Rismal
@Rismal

131 Kontribusi 105 Poin

Dipost 7 tahun yang lalu

Ok makasih banget nanti saya coba

avatar Sumantri
@Sumantri

22 Kontribusi 5 Poin

Dipost 7 tahun yang lalu

Ohh iyaa gann, kalau masalah saat mouse/kursor mengarah ke tag.. ganti 'click' menjadi 'mouseenter' atau 'mouseleave' (saat mouse/kursor meninggalkan tag)..

avatar dodipsitorus
@dodipsitorus

412 Kontribusi 145 Poin

Dipost 7 tahun yang lalu



<script>
$(document).ready(function(){
    $('.index').mouseenter(function(){
        var x = $('.index').html();
        $('.contoh').html(x);
    });
});
</script>

<p class="index"><a>Halo ini index didalam elemet a (didalam elemet p)</a></p>

<p class="contoh"></p>

avatar dodipsitorus
@dodipsitorus

412 Kontribusi 145 Poin

Dipost 7 tahun yang lalu



<script>
$(document).ready(function(){
    $('.myclass1').mouseenter(function(){
        var x = $('.myclass1').html();
        alert(x);
    });
    $('.myclass2').mouseenter(function(){
        var x = $('.myclass2').html();
        alert(x);
    });
    $('.myclass3').mouseenter(function(){
        var x = $('.myclass3').html();
        alert(x);
    });
});
</script>

<a class="myclass1"> Home</a>
<a class="myclass2"> Produc</a>
<a class="myclass3"> About</a>

avatar dodipsitorus
@dodipsitorus

412 Kontribusi 145 Poin

Dipost 7 tahun yang lalu

Login untuk ikut Jawaban