提问者:小点点

jQuery追加div到新div


我必须将2个div附加到新div:

<script type="text/javascript">
        $(function() {
            $( "#table-filter_wrapper" ).append($( "<div class='main_tbl_btm_info'></div>" ));
            $( "#table-filter_info" ).appendTo( $( ".main_tbl_btm_info" ));
            $( "#table-filter_paginate" ).appendTo( $( ".main_tbl_btm_info" ));
        });
</script>

问题是它找不到表filter_wrapper。
当我在追加之前使用警报时,它就工作了。
我怎么才能得到那个表-filter_wrapper是否加载。


共3个答案

匿名用户

你需要删除$从你的append如下:

<script type="text/javascript">
        $(function() {
            $( "#table-filter_wrapper" ).append( "<div class='main_tbl_btm_info'></div>");
            $( "#table-filter_info" ).appendTo(".main_tbl_btm_info" );
            $( "#table-filter_paginate" ).appendTo( ".main_tbl_btm_info");
        });
</script>

匿名用户

如果DOM中的元素可用,则代码可以工作:http://jsfiddle.net/XY7Sf/

<div id="table-filter_wrapper"></div>
<div id="table-filter_info"></div>
<div id="table-filter_paginate"></div>

如果它们在DOM中不可用,您需要在它们可用时运行这些代码,可能是在某个ajax回调中?

匿名用户

尝试先针对一个包装div或表,然后使用. fint()来获取你想要的类appentTo like:

var a = $(".wrapper").find(".main_tbl_btm_info")
$( "#table-filter_paginate" ).appendTo(a);