JQuery: Mengambil Value tag (href/attribut lainnya)
Panduan lengkap mengambil nilai atribut HTML menggunakan jQuery tanpa redirect, dengan contoh kasus praktis dan kode sampel.
Table of Contents
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 :
<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
<!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.