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

藏色散人
リリース: 2020-11-17 10:29:46
オリジナル
5068 人が閲覧しました

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

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

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

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

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

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

HTML 要素を作成する

点击按钮获取label中内容:
ログイン後にコピー

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!