Comment obtenir du contenu de balise avec jquery

Comment obtenir le contenu de la balise avec jquery : 1. Utilisez la méthode "$('#id').val()" pour obtenir la valeur de la balise ; 2. Utilisez "$('#id').val()" ').text( )" pour obtenir le texte au milieu de la balise ; 3. Récupérez le contenu HTML de la balise via la méthode "$('#id').html()".

Recommandé : "Tutoriel de base de JavaScript"

Utilisez jquery pour obtenir la valeur de la balise ou le contenu de l'élément

$('#标签id').val() 可以用来获取标签的value值，比如 input 标签的value值可以用它获取；
$(&#39;#标签id&#39;).text()可以用来获取标签中间的文本，比如 <span>值1</span>就可以用它获取到值1；
$(&#39;#标签id&#39;).html() 可以用来获取标签中间的html内容，比如<div id="div1"><span>123</span></div>可以用$(&#39;#div1&#39;).html()获取到<span>123</span>；
$(&#39;#标签id&#39;).attr(&#39;属性名&#39;)可以用它来获取标签的指定属性的值，比如<a href="xxx.aspx">xxx</a>就可以用.attr(&#39;href&#39;)获取到xxx.aspx。
jquery提供了三个获得内容的方法： text()、html() 以及 val()，其中前两个可用于解决本问题：
$("label#userid").text(); // 首选，获取label的文本
$("label#userid").html(); // 也可以实现，获取label标签内的所有html标记，一般情况改下label标签内就是文本，所以等效上面的方法

Ce qui suit est un exemple de démonstration : utilisez les deux méthodes ci-dessus pour obtenir le contenu de la balise label, faites attention à la différence dans les résultats finaux

Créer un élément HTML

<div class="box">
<span>点击按钮获取label中内容：</span><br>
<div class="content">
<label id="userid">输入用户名</label><input type="text">
</div>
<input type="button" value="获取label中的内容">
</div>

paramètres style CSS

div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.box span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
h3{display:inline-block;}
input[type='button']{height:30px;margin:10px;padding:5px 10px;}

Écrire le code jquery

$(function(){
$("input:button.btn1").click(function() {
alert($("label#userid").text());
});
$("input:button.btn2").click(function() {
alert($("label#userid").html());
});
})

Observer l'effet

Utiliser la méthode text() pour obtenir le contenu le tag

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!