Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
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
8 Jawaban:
soal sulit dipahami! atau saya yg gak bisa paham ya?
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..
$('.myclass').each(function(index, el) {
console.log($(this).html);
});
coba begini pakai jquery
Maksudnya Mouse Hover ya gan,,,? Coba ini gan mudah2 membantu,,,,
$('.myclass').hover(function() {
var index = $(this).html();
$('#text').html(index);
});
Ohh iyaa gann, kalau masalah saat mouse/kursor mengarah ke tag.. ganti 'click' menjadi 'mouseenter' atau 'mouseleave' (saat mouse/kursor meninggalkan tag)..
<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>
<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>