Jquery peut-il récupérer le contenu d'un lien ?-Questions et réponses frontales-php.cn

Jquery peut-il récupérer le contenu d'un lien ?

青灯夜游

Libérer： 2022-09-09 18:34:07

original

2032 Les gens l'ont consulté

Disponible. Il existe deux manières d'obtenir le contenu du lien : 1. Utilisez jquery text() pour obtenir le contenu du texte du lien, la syntaxe "$("a").text()"; 2. Utilisez jquery attr() pour obtenir le lien. contenu de l'url, c'est-à-dire l'attribut href La valeur est suffisante, la syntaxe est "$("a").attr("href")".

Jquery peut-il récupérer le contenu d'un lien ?

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery3.6.1, ordinateur Dell G3.

jquery peut récupérer le contenu du lien.

Dans les pages web, utilisez la balise pour mettre en place des liens hypertextes.

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

Copier après la connexion

Le contenu du lien peut donc être divisé en deux situations :

Contenu du texte du lien
Contenu de l'url du lien

Pour différentes situations, jquery a différentes méthodes d'acquisition.

1. Utilisez jquery text() pour obtenir le contenu du texte du lien

la méthode text() peut renvoyer le contenu textuel de l'élément sélectionné et renverra le contenu textuel combiné de tous les éléments correspondants (les balises HTML seront supprimées ).

$("a").text();

Copier après la connexion

Exemple :



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

Copier après la connexion

Jquery peut-il récupérer le contenu dun lien ?

2. Utilisez jquery attr() pour obtenir le contenu de l'URL du lien

Le contenu de l'URL du lien est la valeur de l'attribut href et attr() peut renvoyer la valeur de l'attribut ; de l'élément sélectionné.

$(selector).attr(attribute)

Copier après la connexion

attribute : Spécifie l'attribut dont la valeur doit être obtenue.

Utilisez simplement attr() pour renvoyer la valeur de l'attribut href de l'élément 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>

Copier après la connexion

Jquery peut-il récupérer le contenu dun lien ?