Juni Yadi
Juni Yadi
| 1 minutes to read

JQuery: Mengambil Value tag (href/attribut lainnya)


JQuery: Mengambil Value tag (href/attribut lainnya)

Hi Sobat Yadi, Pada case kali ini, saya ingin mengambil sebuah value dari tag href menggunakan jquery. Mungkin bagi anda yang masih belum terbiasa jquery, bisa mempelajari dasarnya terlebih dahulu.

Permasalahan seperti ini : Saya ingin mengambil value dari tag href=”url-disini” tanpa harus di redirect halaman saat ini ke url pada tag href tersebut.

biasanya ketika kita membuat website dengan tag href seperti ini :

1
<a href=”https://juniyadi.id”>https://juniyadi.id</a>

ketika kita klik, maka akan diredirect atau dialihkan berdasarkan url pada href tersebut.

pada case diatas, kita hanya mengambil value saja tanpa mengubah atau redirect ke halaman tersebut. maka jika menggunakan jquery, ini bisa dilakukan yaitu dengan menambahkan class (bisa juga dengan id).

anda juga bisa menggunakan logika coding dibawah ini untuk attribut lainnya. tinggal diubah sesuai selera. hehe

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html>
<head>
	<title>JQuery Test</title>
</head>
<body>
	<a class="link" href="https://juniyadi.id">https://juniyadi.id</a>

	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>

	<script>
	$('body').on('click', '.link', function (event) {
	    event.preventDefault();
	    var me = $(this),
	        url = me.attr('href');
	    console.log(url);    
	});
	</script>
</body>
</html>

Hasil Akhir

Sekian tutorial dari catatan saya kali ini, Semoga bermanfaat.


Posted at:
Categories: #programing

comments powered by Disqus