如何選擇下一個div？

我知道這個問題已經修復了很多時間，但我沒有找到我的案例的答案。如何選擇下一個div？

我展示一些DIV這樣的：

<div class="product-infos-pm"> 
    <form action="/panier.html" method="post"> 
    <table> 
     <tr> 
     <td align="right"> 
      <input type="hidden" value="160" name="qteColis" class=" "> 
      <input type="hidden" value="2.4" name="prixColis" class=" "> 
      <input type="hidden" value="2.9" name="prixUni" class=" "> 
     </td> 
     </tr> 
    </table> 
    <span class="product-infos-tarif">Click here 
     <span class="plus-ou-moins"> 
     <img class="toggle-tarif" src="arrow_small_down.png" alt="minus"> 
     </span> 
    </span> 
    <div style="display: none" class="detail-prix"> 
     <table class="info-prix"> 
     <tr> 
      <td><span class="nbColis"></span></td> 
      <td><span class="qteColis"></span></td> 
      <td><span class="prixColis"></span> €</td> 
      <td><span class="prixTotColis"></span> €</td> 
     </tr> 
    </div> 
    </form> 
</div> 

<div class="product-infos-pm"> 
    <form action="/panier.html" method="post"> 
    <table> 
     <tr> 
     <td align="right"> 
      <input type="hidden" value="60" name="qteColis" class=" "> 
      <input type="hidden" value="3.2" name="prixColis" class=" "> 
      <input type="hidden" value="4.7" name="prixUni" class=" "> 
     </td> 
     </tr> 
    </table> 
    <span class="product-infos-tarif">Click here 
     <span class="plus-ou-moins"> 
     <img class="toggle-tarif" src="arrow_small_down.png" alt="minus"> 
     </span> 
    </span> 
    <div style="display: none" class="detail-prix"> 
     <table class="info-prix"> 
     <tr> 
      <td><span class="nbColis"></span></td> 
      <td><span class="qteColis"></span></td> 
      <td><span class="prixColis"></span> €</td> 
      <td><span class="prixTotColis"></span> €</td> 
     </tr> 
    </div> 
    </form> 
</div>

而且我有thise事件：

$('.plus-ou-moins').click(function() { 
     $('.detail-prix').slideToggle('slow', function(){ 
     var img = $('.toggle-tarif'); 
     var etat = img.attr('alt'); 
     }); 

    });

，當我點擊一個.toggle-塔裏夫IMG，所有.detail -prix DIV正在滑動。

如何只滑動良好的div？

來源

2011-11-12 bahamut100

您是否嘗試在Google中輸入*「如何選擇下一個div？」*？即使沒有任何參考jQuery谷歌提出了一個解決您的問題作爲第一個鏈接。認真。 – Tomalak

可能的重複[如何使用jquery next（）來按類選擇下一個div]（http://stackoverflow.com/questions/1743454/how-to-use-jquery-next-to-select-next-div- ） – Tomalak

我看過這個回答，但是對我來說不行， – bahamut100

使用parent().next()，以達到該div：

相反的：

$('.detail-prix')

用途：

$(this).parent('span').next('.detail-prix')

因此，這裏是你的代碼應該是這樣：

$('.plus-ou-moins').click(function() { 
    $(this).parent('span').next('.detail-prix').slideToggle('slow', function(){ 
    var img = $('.toggle-tarif'); 
    var etat = img.attr('alt'); 
    }); 
});

來源

2011-11-12 10:52:31 Sarfraz

有用，謝謝！ – bahamut100

@ bahamut100：不客氣。 – Sarfraz

你想改變你的代碼爲：

$('.plus-ou-moins').click(function() { 
     $(this).parent(".product-infos-pm").find(".detail-prix").slideToggle('slow', function(){ 
     var img = $('.toggle-tarif'); 
     var etat = img.attr('alt'); 
     }); 

    });

來源

2011-11-12 10:53:09 Strelok

'$（this）.parent（「。product-infos-pm」）。find（「。detail-prix」）'也會滑動所有div。 – Sarfraz

如何選擇下一個div？

回答

相關問題