javascript - Jquery 将 div 追加到新的 div

Question

我必须将 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>

问题是它无法找到准备好的table-filter_wrapper。
当我在追加之前使用警报时，它可以工作。
如何获取table-filter_wrapper是否已加载。

Answer 1

$你需要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>

Answer 2

如果元素在 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 回调中？

Answer 3

你想要这样的东西，对吧？

演示JSFIDDLE

JS：

$(function() {
            $( "#table-filter_wrapper" ).append($( "<div class='main_tbl_btm_info'>main_tbl_btm_info</div>" ));

    $( ".main_tbl_btm_info" ).append($( "<div id='table-filter_info'>table-filter_info</div>" ));

    $( ".main_tbl_btm_info" ).append($( "<div id='table-filter_paginate'>table-filter_paginate</div>" ));

});

Answer 4

尝试首先定位一个包装器 div 或表，然后使用 .find() 来获取您想要的类 appendTo 喜欢：

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