Comment obtenir le contenu d'un élément HTML avec jquery ?-js tutoriel-php.cn

Comment obtenir le contenu d'un élément HTML avec jquery ?

青灯夜游

Libérer： 2020-11-30 14:15:34

original

5354 Les gens l'ont consulté

Comment obtenir le contenu des éléments html avec jquery : 1. Utilisez html() pour renvoyer le contenu de l'élément sélectionné, la syntaxe est "$(selector).html()" ; () pour renvoyer le contenu textuel de l'élément sélectionné, syntaxe "$(selector).text()".

Comment obtenir le contenu d'un élément HTML avec jquery ?

L'environnement d'exploitation de ce tutoriel : système windows10, jquery1.8.3, cet article est applicable à toutes les marques d'ordinateurs.

[Recommandations associées : Tutoriel vidéo jQuery]

1 html() : renvoie le document HTML d'origine, mais il peut y avoir une compatibilité dans. Propriété IE, plus précisément comme suit

Principe : Utiliser innerHTML()

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<p id="box">
		<p class="b2">我是一个p元素</p>
		<span>你好</span>
	</p>
</body>
<script src="libs/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
	$(function(){
		var str = $("#box").html();
		console.log(str);

		// <p>我是一个p元素</p>
		// <span>你好</span>

		//解释：该方法使用的是JS中的innerHTML()有些浏览器返回的结果可能不是原始文档的 HTML 源代码。例如，如果属性值只包含字母数字字符，Internet Explorer有时丢弃包裹属性值的引号
	});
</script>
</html>

Copier après la connexion

2. l'ensemble d'éléments correspondants Fusionner le texte, y compris leurs descendants

ne peut pas être utilisé sur les éléments d'entrée ou les éléments de script, .text() ou input doivent utiliser la méthode .val() pour obtenir ou définir la valeur du textetextarea
.html()

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <p id="box">
        <p class="b2">我是一个p元素</p>
        <span>你好</span>
    </p>
</body>
<script src="libs/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
    $(function(){        var str = $("#box").text();
        console.log(str);        // 我是一个p元素
        // 你好    });</script>
</html>

Copier après la connexion

3. 🎜>La valeur de l'élément Il est défini via l'attribut value.