ホームページ >ウェブフロントエンド >jsチュートリアル >動的に生成された要素を取得するための jQuery

動的に生成された要素を取得するための jQuery

WBOYオリジナル: 2016-05-16 16:44:331699ブラウズ

要件の説明: テーブルなどのデータをページ上に動的に追加でき、ボタンをクリックすることで行を動的に追加できます。または、ページ
がロードされると、テーブルデータが ajax を通じてバックグラウンドから取得されます。ここで値の 1 つを取得したいのですが、どうやって取得するのでしょうか?

クリックやマウスオーバーなどのイベントを通じて取得したい場合は、live() メソッドを使用できます。

コードをコピーコードは次のとおりです:

 
$(".button").live("click",function(){ 
console.info($( "#mytd") .html()); 
}) 

イベント経由でない場合は、ページのロード時に値を取得するか、他の操作を実行する必要があります

live( ) メソッドは、イベントを渡すことができないため機能しません。

たとえば、次のコード:

コードをコピーコードは次のとおりです:

;
< スクリプト type="text/javascript">
$(function() {
$.post("admin/UserForumthemeBabygrowupFrontList.do",{},function(data)) >console.info(data.table);
$("#tab").append(data.table);

alert($("#mytd") ()); // 値を取得
});

上記のコードは、post を通じてバックグラウンドから返された値を追加するものです。 to
バックグラウンドによって返されるデータはそして、post 後に mytd として ID を取得したいとします。現時点では

の値を取得できません。ブラウザから問題を観察できます:

上記から、アラートが発行されたときにデータが利用できないことがわかります。ロード後、コンソールは情報を出力しないため、現時点ではデータを取得できません。
動的に生成された要素を取得するための jQuery

ajaxComplete() メソッドを使用して、リクエストの完了時に実行されるコードを次のように変更しました:

コードをコピーコードは次のとおりです: $(function() {

$.post("admin/UserForumthemeBabygrowupFrontList.do",{},function(data) {

console.info (data.table); 
$("#tab").append(data.table); 
}) 
$("#tab").ajaxComplete(function) (){ //保留中のリクエスト 完了したら、
alert($("#mytd").html()) 
}) 
}); 🎜> 
この時点では、ページはデータを取得したときにすでに読み込まれています。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：ExtjsのfieldLabelとhtml属性値を揃えるメソッド Label_extjs次の記事：ExtjsのfieldLabelとhtml属性値を揃えるメソッド Label_extjs

続きを見る

北京

深セン

動的に生成された要素を取得するための jQuery

関連記事