追加后的jQuery选择器不起作用

Question

I am trying to append dynamic data to my page.

I have

<div id="container"> ... </div>

and want to add content to it

$('#container').append('<p id="myid" style="display:none">Test</p>');

Then I try to do

$('#myid').fadeIn();

and it doesn't work. No errors or anything are printed. The append works but the fadeIn doesn't do anything as I think selector is not able to get the newly added element.

I know that if I wanted to have dynamic event listener for the newly created element, I would need to use jQuery's on but in this case I am not sure how to re-use the selector.

Answer 1

您需要在#container周围加撇号：

$(#container)

Answer 2

http://fiddle.jshell.net/prollygeek/8f7Zp/

should have used

$('#container')

Answer 3

试试这个：

$('#container').find('#myid').fadeIn();