Pada kesempatan kali ini saya akan menjelaskan cara mengambil nilai attribute html dengan jquery. Perlu teman-teman ketahui sebelumnya, Jquery adalah pustaka JavaScript yang didalamnya terdapat berbagai macam methods yang bisa digunakan untuk memanipulasi suatu element. Seperti pada contoh disini dimana saya ingin mengambil nilai dari attribute href yang berada didalam element html hiperlink <a>. Dan untuk mendapatkan nilai didalam attribute tersebut, kalian bisa menggunakan method attr() yang sudah disediakan oleh jquery. Dari method attr() tersebut dapat kalian gunakan untuk semua attribute element html, dan bukan hanya untuk element hiperlink <a> saja. Namun yang perlu kalian perhatikan adalah nilai dialam method attr() tersebut, karena nilai tersebut yang menentukan dari nama attribute element html yang ingin diambil nilai attributenya. Langsung saja untuk contoh kodenya kalian bisa buat seperti kode berikut :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Cara Mengambil Nilai Attribute HTML Dengan Jquery</title>
</head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<body>
<p>
<a href="https://www.dumetschool.com" data-title="tempat khursus website terbaik dan nomor satu">Tempat Khursus Di Jabodetabek</a>
</p>
<input type="button" value="Get Attribute" class="btn">
<div class="output" style="margin-top: 15px;"></div>
</body>
<script>
$(document).ready(function(){
$(".btn").click(function(){
$(".output").html("<b>Nilai dari Attribute Element HTML <a> adalah: </b>"+$("a").attr("href"));
});
});
</script>
</html>
Sampai disini penjelasan saya mengenai cara mengambil nilai attribute html dengan jquery, semoga bermanfaat.