Kann JQuery den Inhalt eines Links abrufen?-Front-End-Fragen und Antworten-php.cn

Kann JQuery den Inhalt eines Links abrufen?

青灯夜游

Freigeben： 2022-09-09 18:34:07

Original

2073 Leute haben es durchsucht

Verfügbar. Zwei Methoden zum Abrufen des Linkinhalts: 1. Verwenden Sie jquery text(), um den Linktextinhalt abzurufen, die Syntax „$(“a“).text()“ 2. Verwenden Sie jquery attr(), um den Link-URL-Inhalt abzurufen Das heißt, das href-Attribut Der Wert ist ausreichend, die Syntax lautet „$(“a“).attr(“href“)“.

Kann JQuery den Inhalt eines Links abrufen?

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.6.1-Version, Dell G3-Computer.

jquery kann den Inhalt des Links abrufen.

Verwenden Sie auf Webseiten das Tag , um Hypertext-Links einzurichten.

<a href="url">链接文本</a>

Nach dem Login kopieren

Der Linkinhalt kann also in zwei Situationen unterteilt werden:

Linktextinhalt
Link-URL-Inhalt

Für verschiedene Situationen verfügt JQuery über unterschiedliche Erfassungsmethoden.

1. Verwenden Sie jquery text(), um den Linktextinhalt abzurufen. Die

text()-Methode kann den Textinhalt des ausgewählten Elements zurückgeben und gibt den Textinhalt der Kombination aller übereinstimmenden Elemente zurück (HTML-Tags). gelöscht werden).

$("a").text();

Nach dem Login kopieren

Beispiel:



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

Nach dem Login kopieren

Kann JQuery den Inhalt eines Links abrufen?

2. Verwenden Sie jquery attr(), um den Link-URL-Inhalt abzurufen

Der Link-URL-Inhalt ist der Wert des href-Attributs; und attr() kann den Attributwert zurückgeben des ausgewählten Elements.

$(selector).attr(attribute)

Nach dem Login kopieren

attribute: Gibt das Attribut an, dessen Wert ermittelt werden soll.

Verwenden Sie einfach attr(), um den Wert des href-Attributs des a-Elements zurückzugeben.

<!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>

Nach dem Login kopieren

Kann JQuery den Inhalt eines Links abrufen?

【Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video】

Das obige ist der detaillierte Inhalt vonKann JQuery den Inhalt eines Links abrufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!