Quelle est la méthode pour obtenir le texte d'un élément dans jquery-Questions et réponses frontales-php.cn

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

青灯夜游

Libérer： 2022-03-16 15:19:07

original

6312 Les gens l'ont consulté

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)   //设置文本内容

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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é : , ]