選擇被嵌套在下面的另一個DIV

一個div我知道這是一個簡單的事，但不能讓我的頭圍繞什麼，我做錯了。我有這將在點擊運行功能的H2標籤，這將然後找到與類「homeSlide」一個div，然後運行的slideToggle方法。然而，我似乎無法得到內容滑動，而不使下面的兩個div使用相同的類名稱滑動。選擇被嵌套在下面的另一個DIV

這裏是我的HTML：

<h2>Header</h2> 

<div id="home_newproducts_list"> 
    <div class="category-products"> 
     <ul class="products-grid"> 
     <li>Hold fetured products so will be excluded from the slideToggle</li> 
     </ul> 
     <div class="homeSlide"> 
     <!-- Content that needs to be displayed on slide --> 
     </div> 
    </div> 
</div>

的Jquery：

jQuery(document).ready(function(){ 
      jQuery("#home_newproducts_list ul.products-grid").not(":first").wrapAll('<div class="homeSlide">');   
      jQuery(".home-spot h2").click(function(){ 
       jQuery(this).next('.homeSlide').slideToggle(1000); 

      }); 

      });

我希望我已經足夠說明產品詳細介紹它。

因此，所有我希望能夠做的是運行在homeSlide DIV的的slideToggle方法，但僅在後H2下一個。

來源

2013-10-21 JDavies

jQuery(".home-spot h2")

假設你在這裏

選擇<h2>Header</h2>元素嘗試next()和find()。

jQuery(this).next().find('.homeSlide').slideToggle(1000);

next()得到緊隨其後的兄弟是DIV＃home_newproducts_list你的情況

來源

2013-10-21 12:17:20 bipen

很抱歉這麼晚纔回復，但謝謝！我以爲我很親密，我沒有釋放下一個是緊接着的兄弟姐妹。我以爲你可以指定下一個班級或身份證。 – JDavies

@JoshDavies ......是的，我們是真正的close..anyways歡迎..高興它幫助...乾杯！快樂編碼.. :) – bipen

選擇被嵌套在下面的另一個DIV

回答

相關問題