1

だから、私はアコーディオンメニューを持っていて、各divに赤い四角があります。赤い四角をクリックすると、その特定のdivと<h3>リンクがすべて消えるようにしようとしています。divを移動させることはできますが、タイトルは常に残り、選択して削除する方法がわかりません。いつもありがとう。

私のHTML： 

<div id="accordion">

    <h3><a href="#">Section 1</a></h3>
    <div class="squares">
            <a href="#" class="green">1</a>
            <a href="# "class="red">2</a>
            <a href="#" class="blue">3</a>  
            <p>
            Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
            ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
            amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
            odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
            </p>
    </div>
</div>

そしてこれが私のJSです：

$('document').ready(function(){
  $('#accordion .red').click(function(){
    $(this).parent('div').remove();

    return false;
  });
});
4

3 に答える 3

2 
$('document').ready(function(){
  $('#accordion .red').click(function(){

    $(this).parent('div').prev( 'h3' ).remove();
    $(this).parent('div').remove();

    return false;
  });
});
于 2012-10-09T20:10:20.323 に答える
1

andSelf（）を使用した、より洗練されたソリューションを次に示します。

$('#accordion .red').click(function(e) {
  e.preventDefault();
  $(this).parent('div').prev('h3').andSelf().remove();
});

これがフィドルです

于 2012-10-09T20:22:28.077 に答える
0

まず、を使用してh3要素を削除します

$(this).parent('div').prev('h3').remove();

次に、divを削除します

これを試して

$('document').ready(function(){
  $('#accordion .red').click(function(){
   $(this).parent('div').prev('h3').remove();
    $(this).parent('div').remove();

    return false;
  });
});
于 2012-10-09T20:10:34.460 に答える