回答
我想你會需要爲這個嵌套循環:
$(".section").each(function() {
$(this).children().each(function(i) {
});
});
完美!謝謝Daff! – 2012-01-04 00:28:23
試試這個:http://jsfiddle.net/VS8tQ/30/
$("p").animate({opacity: 0}, 0);
$(".divSection1 *").each(function(i) {
taDa(this, i)
});
$(".divSection2 *").each(function(i) {
taDa(this, i)
});
function taDa(obj, i) {
$(obj)
.delay(100 * i)
.css('display', 'block')
.animate({opacity: 0}, 0)
.animate({opacity: 1, marginLeft: "+=10px"}, 200);
}
我想這就是你要尋找的解決方案( jsFiddle):
$("p").animate({opacity: 0}, 0);
$(".divSection").each(function() {
$(this).children().each(function(i) {
$(this).delay(100 * i).css('display', 'block').animate({
opacity: 0
}, 0).animate({
opacity: 1,
marginLeft: "+=10px"
}, 200)
});
});
謝謝Emre! – 2012-01-04 00:28:41
你的代碼是絕對正確的,不需要寫兩遍。只需使用jQuery的匹配如下類名'section'
:
$("p").animate({opacity: 0}, 0);
$("div[class^='section']").each(function() {
$(this).children().each(function(i) {
$(this)
.delay(100 * i)
.css('display', 'block')
.animate({opacity: 0}, 0)
.animate({opacity: 1, marginLeft: "+=10px"}, 200)
});
});
"div[class^='section']"
選擇與「部分」(如SECTION1,第2節..)開頭的所有類。
謝謝!我會用達夫的解決方案,這很簡單,但你給了我們一個很好的提示(對於其他問題)。 – 2012-01-04 00:28:04
- 1. 如何使用自動完成jQuery的3個相同的類
- 2. 如何使用JQuery改變相同類型的CSS
- 3. 如何使用2個類與jQuery相同的功能
- 4. 如何使用相同的JQuery效果爲不同的div與同一類
- 5. 相同的jQuery用相同的類名不同的元素
- 6. 如何使用相同類的所有div使用jquery創建分頁?
- 7. 如何在同一頁上使用相同的jQuery腳本
- 8. 如何使用swif3的ios和watchos3使用相同的類「XY」
- 9. 使用jQuery隱藏和顯示具有相同類的類
- 10. 如何在多個類中使用相同的類別?
- 11. 如何使鏈接標題與使用jQuery的URL相同?
- 12. 如何使用jquery使div的轉換速度相同?
- 13. 如何使函數使用相同的類?
- 14. 如何在不同的List類中使用相同的內部類?
- 15. 如何正確地添加替代類到多個表使用相同的類使用jQuery的錶行?
- 16. 使用相同類的頁面上的多個Jquery對話框
- 17. 如何使用jQuery的scrollTop與css3相同的方法
- 18. 的jQuery如何獲取相同的類下面
- 19. 如何確定與jQuery相同的類中的元素數量?
- 20. 使用相同的CSS類名稱調用不同的JQuery函數
- 21. 我如何使用相同的工廠方法的子類?
- 22. 如何使菜單與本網站相同www.chanel.com使用jquery
- 23. 顯示相同的類與diffrerent圖像使用jQuery
- 24. 使用jquery將相同類別的div分組?
- 25. 使用HTML和jQuery創建相同類型的導航
- 26. 使用jQuery隱藏與另一個類相同的div?
- 27. 使用JQuery全局訪問具有相同類名的元素
- 28. 使用jQuery刪除多個具有相同類名的表格
- 29. jQuery點擊功能使用相同的類
- 30. 如何在使用jQuery打開後隱藏相同的內容?
我已更新我的代碼。謝謝大家的意見。 http://jsfiddle.net/VS8tQ/34/ – 2012-01-04 00:46:18