Maison >interface Web >Questions et réponses frontales >Jquery peut-il récupérer le contenu d'un lien ?

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

青灯夜游original: 2022-09-09 18:34:072090parcourir

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")".

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>

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();

Exemple :



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

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)

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>

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

【Apprentissage recommandé : Tutoriel vidéo jQuery, Vidéo web front-end】

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

jquery html Attribute href

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Quels sont les avantages de la méthode on dans jqueryArticle suivant：Quels sont les avantages de la méthode on dans jquery

Articles Liés

Voir plus