Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bolehkah jquery mendapatkan kandungan pautan?

Bolehkah jquery mendapatkan kandungan pautan?

青灯夜游
Lepaskan: 2022-09-09 18:34:07
asal
2073 orang telah melayarinya

Boleh dapat. Dua kaedah untuk mendapatkan kandungan pautan: 1. Gunakan jquery text() untuk mendapatkan kandungan teks pautan, sintaks "$("a").text()" 2. Gunakan jquery attr() untuk mendapatkan kandungan url pautan , iaitu atribut href Nilai adalah mencukupi, sintaks ialah "$("a").attr("href")".

Bolehkah jquery mendapatkan kandungan pautan?

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 3.6.1, komputer Dell G3.

jquery boleh mendapatkan kandungan pautan.

Dalam halaman web, gunakan teg untuk menyediakan pautan hiperteks.

<a href="url">链接文本</a>
Salin selepas log masuk

Oleh itu, kandungan pautan boleh dibahagikan kepada dua situasi:

  • Kandungan teks pautan

  • URl pautan kandungan

JQuery mempunyai kaedah pemerolehan yang berbeza untuk situasi yang berbeza.

1. Gunakan jquery text() untuk mendapatkan kandungan teks pautan

kaedah text() boleh mengembalikan kandungan teks elemen yang dipilih dan akan mengembalikan gabungan. daripada semua elemen yang sepadan dengan kandungan teks (tag HTML akan dialih keluar).

$("a").text();
Salin selepas log masuk

Contoh:



	
		
		
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					var con=$(&quot;a&quot;).text();
					console.log(con);
				});
			});
		</script>
	
	
		超链接文本

Salin selepas log masuk

Bolehkah jquery mendapatkan kandungan pautan?

2. Gunakan jquery attr() untuk mendapatkan kandungan url pautan

Kandungan url pautan ialah nilai atribut href dan attr() boleh mengembalikan nilai atribut elemen yang dipilih.

$(selector).attr(attribute)
Salin selepas log masuk
  • atribut: Menentukan atribut yang nilainya hendak diperolehi.

Hanya gunakan attr() untuk mengembalikan nilai atribut href bagi elemen a.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.6.0.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					var con=$("a").attr("href");
					console.log(con);
				});
			});
		</script>
	</head>
	<body>
		<a href="https://www.php.cn/">超链接文本</a><br><br>
		<button>链接url内容</button>
	</body>
</html>
Salin selepas log masuk

Bolehkah jquery mendapatkan kandungan pautan?

[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]

Atas ialah kandungan terperinci Bolehkah jquery mendapatkan kandungan pautan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan