Postingan lainnya
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>