使用关闭按钮添加DIV，使用Jquery动态地向另一个DIV添加

Question

我想在右上角添加4个带有关闭按钮的div，水平对齐父DIV。 单击关闭按钮时，应从父DIV中删除div。这有可能与Jquery一起吗？如果有人可以发布示例代码我真的很感激它！

由于

Answer 1

让我们帮助你。

的 jsBin demo

<div class="box">
    <div class="close_box">X</div>

    <h2>Box title</h2>
    <p>Merol muspi rolod tis tema...</p>

</div>

JQ：

$(document).on('click','.close_box',function(){
    $(this).parent().fadeTo(300,0,function(){
          $(this).remove();
    });
});

或简单地说：

$(document).on('click','.close_box',function(){
    $(this).parent().remove();
});

查看文档（始终！）：

http://api.jquery.com/on/
http://api.jquery.com/parent/
http://api.jquery.com/remove