Jquery append div to new div
I have to append 2 div to new 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>
The problem is that it can't find table-filter_wrapper at ready.
When I use alert before append then it works.
How can I get that table-filter_wrapper is loaded or not.
你需要像这样从你的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>
Your code works if the elements are available in the DOM: http://jsfiddle.net/XY7Sf/
<div id="table-filter_wrapper"></div>
<div id="table-filter_info"></div>
<div id="table-filter_paginate"></div>
If they are not available in the DOM, you need to run this code when they are, maybe in an ajax callback somewhere?
尝试定位一个wrapper div first或table,并使用.find()来获得你想要appentTo的类如:
var a = $(".wrapper").find(".main_tbl_btm_info")
$( "#table-filter_paginate" ).appendTo(a);
链接地址: http://www.djcxy.com/p/83704.html
上一篇: 检查任何具有某个类的元素是否为空
下一篇: jquery将div添加到新div