手風琴點擊刪除Div

Question

我有這個手風琴

<div id="accordion" class="accord">
    <h2>
        <a href="#">Item1</a></h2>

    <div>
        Content1
    </div>
    <h2 >
        <a href="#">Item2</a></h2>
    <div>
       Content#2
    </div>
</div>

    $("#accordion").accordion({
        autoHeight: false,
        animated: 'bounceslide',
        icons: { "header": "ui-icon-plus", "headerSelected": "ui-icon-minus" }
    });

我想在將刪除該Acoordion Div的每個項目上添加一個鏈接，我該怎么做？

Answer 1

(function ($) {        $("#accordion").children("div").each(function(index, element) {
$(element).append('<div class="delete">x</div>');
$(element).children('.delete').bind('click', function() {
$(element).hide();
});
});
}(jQuery));

Answer 2

我看到您沒有任何鏈接可刪除DIV部分。

假設您有，這是我的示例。

$('.remove').click(function(e) {
    $(this).parent('div').prev('h2').andSelf().remove();
});