jquery - jqueryで最近追加された要素を選択するには?

Question

最近作成した要素を次のように選択したい:

$("body").append("<div id='popup.dialog'></div>");
dialogDiv = $("#popup.dialog");

しかし、このダイアログの実行後、Div には何も含まれていません。では、新しく作成された要素を選択する方法はありますか?

Answer 1

2つのこと：

1）IDにピリオドを使用しないでください

2）あなたはこれをもう少し良くすることができます：

var dialogDiv =$('<div id="popup-dialog"></div>').appendTo('body');

この時点で、さらにチェーンするか、dialogDiv変数を使用することができます。

これにより、すでにアクセスできる要素を選択することで、パフォーマンスが低下するのを防ぐことができます。

Answer 2

IDのドットは無効です。#popup.dialogを検索し<div id='popup' class='dialog'>ます。次のようにダッシュに置き換える必要があります

$("body").append("<div id='popup-dialog'></div>");
dialogDiv = $("#popup-dialog");

Answer 3

あなたの問題は.IDにあると思います。

その理由は、jQueryが.クラスの照合にを使用したため、id=popupおよびclass=dialogの要素を探しているためです。

Answer 4

.IDにを含めることはできません。

これを試して：

$("body").append("<div id='popup-dialog'></div>");
dialogDiv = $("#popup-dialog");