Maison >interface Web >Questions et réponses frontales >Quelle est la méthode pour obtenir le texte d'un élément dans jquery

Quelle est la méthode pour obtenir le texte d'un élément dans jquery

青灯夜游
青灯夜游original
2022-03-16 15:19:076303parcourir

La méthode pour obtenir le texte d'un élément dans jquery est "text()". La méthode text() peut obtenir ou définir le contenu textuel de l'élément sélectionné (les balises HTML seront supprimées). La syntaxe pour obtenir le contenu textuel est "$(selector).text()".

Quelle est la méthode pour obtenir le texte d'un élément dans jquery

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

La méthode pour obtenir le texte d'un élément dans jquery est "text()". La méthode

text() définit ou renvoie le contenu textuel de l'élément sélectionné.

Lorsque la méthode text() est utilisée pour renvoyer une valeur, elle renvoie le contenu textuel de la combinaison de tous les éléments correspondants (les balises HTML seront supprimées).

Syntaxe :

$(selector).text()    //获取文本内容
$(selector).text(content)   //设置文本内容

La méthode text() a le même effet que la propriété innerText, sauf que text() est implémentée dans jQuery, tandis que innerText est implémentée en JavaScript.

Exemple :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					alert($("p").text());
				});
			});
		</script>
	</head>
	<body>

		<button>返回所有p元素的文本内容</button>
		<p>这是一个段落。</p>
		<p>这是<b>另一个</b>段落。</p>

	</body>
</html>

Quelle est la méthode pour obtenir le texte dun élément dans jquery

Connaissances étendues : comparaison de html() et text()

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function () {
            var strHtml = $("p").html();
            var strText = $("p").text();
            $("#txt1").val(strHtml);
            $("#txt2").val(strText);
        })
    </script>
	</head>
	<body>
		<p><strong style="color:hotpink">PHP中文网</strong></p>
		html()是:<input id="txt1" type="text" /><br />
		text()是:<input id="txt2" type="text" />
	</body>
</html>

Quelle est la méthode pour obtenir le texte dun élément dans jquery

Comme le montre cet exemple, html() obtient tout le contenu à l'intérieur de l'élément, tandis que text() obtient uniquement le contenu du texte. De plus, la méthode val() est utilisée pour obtenir et définir la valeur d'un élément de formulaire.

La différence entre les deux méthodes html() et text() peut être clairement comparée à partir du tableau ci-dessous.

[Apprentissage recommandé : , ]
Code HTML html() text()
PHP中文网
PHP中文网 PHP中文网
PHP中文网
gt;
(chaîne vide)
tutoriel vidéo jQueryfront-end web

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!

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