Tri Kusnadi
06 Apr 2022, 10:24:00
Bagaimanakah cara mengetahui elemen yang aktif dengan jquery. Misalnya pada suatu halaman terdapat beberapa buah elemen. Saat melakukan klik pada elemen tersebut, yang ingin ditampilkan adalah ID elemen tersebut.
Kode Source :
<!DOCTYPE html>
<html>
<head>
<script src="jquery-1.10.2.min.js"></script>
</head>
<body>
<p id="par_1" onclick="getID_(this);">Paragraf pertama</p>
<p id="par_2" onclick="getID_(this);">Paragraf ke-dua</p>
<p id="par_3" onclick="getID_(this);">Paragraf ke-tiga</p>
<p id="par_4" onclick="getID_(this);">Paragraf ke-empat</p>
<p id="par_5" onclick="getID_(this);">Paragraf ke-lima</p>
<p id="par_6" onclick="getID_(this);">Paragraf ke-enam</p>
<script>
$(document).ready(function(){
function getID_(var id){
alert("Id paragraf : "+id);
}
});
</script>
</html>
Saya menjumpai error seperti di gambar. Terimakasih bantuannya.
1 Jawaban, 418 view
Apakah ingin menghapus konten ini?
Apakah ingin menghapus komentar ini?
Paling Banyak Dibaca Pada Forum
News Letters
Silahkan masukkan email Anda untuk berlangganan informasi kami
html
Richard Aja
06 Apr 2022, 11:27:38
Itu library jquerynya gk terhubung, jadi di console gak bisa di load.
Untuk mencari id yang elemen yang aktif aktif bisa menggunakan class. Class-nya dipakai sebagai pemicu saat user melakukan klik. Mendapatkan ID-nya dengan metode "$(this).attr("id");" atau pakai "$(this).prop("id");.
<!DOCTYPE html> <html> <head> <script src="libs/jquery-1.9.1.js"></script> </head> <body> <p id="par_1" class="getthisId">Paragraf pertama</p> <p id="par_2" class="getthisId">Paragraf ke-dua</p> <p id="par_3" class="getthisId">Paragraf ke-tiga</p> <p id="par_4" class="getthisId">Paragraf ke-empat</p> <p id="par_5" class="getthisId">Paragraf ke-lima</p> <p id="par_6" class="getthisId">Paragraf ke-enam</p> <script> $(document).ready(function(){ $('.getthisId').click(function(){ var id_par = $(this).attr("id"); //var id_par = $(this).prop("id"); console.log(id_par); alert("Id paragraf : "+id_par); }); }); </script> </html>Tri Kusnadi
06 Apr 2022, 11:35:46
Ya. itu yang saya cari :D thank's
Gimana kalau ingin mendapatkan isi dari tiap paragraf? misalnya isi paragraf 1 (Paragraf pertama) dst gimana?
Richard Aja
06 Apr 2022, 11:55:21
Mendapatkan isi suatu elemen HTML dengan memakai .html(). Ganti bagian .attr("id") dengan .html().
$('.getthisId').click(function(){ var isi_par = $(this).html(); console.log(isi_par); });