jqueryでタグの内容を取得する方法

タグの内容を取得する Jquery メソッド: 1. 「$('#id').val()」メソッドを使用してタグの値を取得します; 2. 「$('#id')」を使用します.text( )" メソッドを使用してタグの途中のテキストを取得します。 3. "$('#id').html()" メソッドを使用してタグ内の HTML コンテンツを取得します。

推奨: "javascript 基本チュートリアル"

jquery を使用してタグの値を取得するか、要素の内容 #

$('#标签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标签内就是文本，所以等效上面的方法

以下はデモンストレーションの例です。上記の 2 つのメソッドを使用して label タグの内容を取得し、最終結果の違いに注目してください

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>

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;}

jquery コードを記述する

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

効果を確認する

text() メソッドを使用してコンテンツを取得するタグ

内

以上がjqueryでタグの内容を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。