javascript - 引用已附加到内容中的 div(按 id)

Question

我有一个动态创建的 div，具有唯一 ID。我将它附加到页面上的一个区域。

稍后，我尝试通过 $( '#id_here' ) 引用它，但它没有返回任何内容。 safari/chrome 中的检查器显示元素的存在和正确的 id。

<script>
$( '#box' ).append( '<div><input id="id123" /></div>' );
//Later on in time...

function doingStuff(){
  alert( $( '#id123' ) );//undefined
}
</script>

<div id="box">

</div>

Answer 1

确保在 DOM 准备好之前添加对象，否则您可能还无法访问#box。

$( document ).ready( function() 
{
    $( '#box' ).append( '<div><input id="id123" /></div>' );
} );