Some text some message..
Some text some message..
Some text some message..
Some text some message..

Silahkan atau queue Daftar disini.

  • Beranda
  • »
  • Forum
  • »
  • Cara Mengetahui Elemen Mana Yang Aktif Jquery

Cara Mengetahui Elemen Mana Yang Aktif Jquery

Tri Kusnadi

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.

Tags : tag iconhtml tag iconjquery

  

facebooktwitterwhatapplinkedinpinterest

comment1 Jawaban, 93 view

Richard Aja

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

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

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);
});

 

 

Forum ini dibuat untuk menanyakan seputar permasalahan yang sering terjadi pada proses pembuatan halaman web pada HTML, desain web (CSS), pemrograman sisi client (JavaScript), pemrograman sisi server (PHP, ASP) beserta framework turunannya seperti codeigniter, Laravel, Yii. Forum ini tidak membatasi pertanyaan lainnya untuk bahasa program yang berbeda dengan orientasi website pada perangkat desktop dan smartphone.

Silahkan atau queue Daftar disini.

News Letters

Silahkan masukkan email Anda untuk berlangganan informasi kami

Forum ini dibuat untuk menanyakan seputar permasalahan yang sering terjadi pada proses pembuatan halaman web pada HTML, desain web (CSS), pemrograman sisi client (JavaScript), pemrograman sisi server (PHP, ASP) beserta framework turunannya seperti codeigniter, Laravel, Yii. Forum ini tidak membatasi pertanyaan lainnya untuk bahasa program yang berbeda dengan orientasi website pada perangkat desktop dan smartphone.