我有一個div,它有幾個輸入元素...我想遍歷每個元素。想法?如何使用jQuery迭代div的子元素?
204
A
回答
370
使用children()
和each()
,您可以選擇選擇傳遞給children
$('#mydiv').children('input').each(function() {
alert(this.value); // "this" is the current element in the loop
});
你也可以只使用直接子選擇器:
$('#mydiv > input').each(function() { /* ... */ });
40
也可以通過所有元素進行迭代在特定的情況下,沒有任何mattter嵌套得如此之深:
$('input', $('#mydiv')).each(function() {
console.log($(this)); //log every element found to console output
});
傳遞給jQuery'input'Selector的第二個參數$('#mydiv')是上下文。在這種情況下,each()子句將遍歷#mydiv容器中的所有輸入元素,即使它們不是#mydiv的直接子元素。
+1
可能是因爲嵌套這個解決方案爲我工作,而另一個沒有。出於這個原因,我認爲這通常是更好的解決方案。 – arame3333 2015-10-28 07:56:03
2
如果您需要遍歷子元素遞歸:
function recursiveEach($element){
$element.children().each(function() {
var $currentElement = $(this);
//////////// Show element
console.info($currentElement);
//////////// Show events handlers of current element
console.info($currentElement.data('events'));
//////////// Loop her children
recursiveEach($currentElement);
});
}
//////////// Parent div
recursiveEach($("#div"));
注: 在這個例子中,我表現出與對象註冊的事件處理程序。
2
它也可以這樣做。
$('input', '#div').each(function() { console.log($(this)); //log every element found to console output });
相關問題
- 1. 子元素的jquery迭代
- 2. 如何迭代div的子元素並隱藏它們?
- 3. 如何使用jquery查找並迭代div內的所有iframe元素?
- 4. 如何通過jQuery元素迭代
- 5. 如何迭代元素的所有子元素
- 6. 如何迭代snap.svg中的組元素/子元素?
- 7. 使用XmlSlurper:如何選擇子元素,同時迭代GPathResult
- 8. 迭代div的表格及其元素?
- 9. 如何使用JQuery僅顯示div的子元素?
- 10. 如何使用jquery在div內選擇特定的子元素?
- 11. 如何使用jQuery爲div元素的所有子元素移除類名?
- 12. 迭代DOM元素並應用jquery-ui
- 13. 迭代表單元素時獲取div
- 14. 迭代通過列表的子元素
- 15. 迭代通過列表元素 - jQuery的
- 16. jQuery:如何將.blur應用於div的每個*子元素而不是div的任何*子元素?
- 17. 如何使用jQuery檢測子元素?
- 18. 如何使用jquery刪除子元素
- 19. 迭代使用Intern/Leadfoot的元素
- 20. 如何使用Jquery讀取元素的所有子元素
- 21. 使用JavaScript選擇im div的div div子元素,但不使用jQuery
- 22. 使用jquery迭代php變量div類
- 23. 如何迭代Hashmap中的元素?
- 24. 如何爲可迭代元素的glob
- 25. 如何分離迭代器的元素?
- 26. 如何迭代div?
- 27. 如何遍歷div元素在jquery中的div元素?
- 28. 迭代數組的元素使用Laravel鋒先進WHERE子句
- 29. 使用Knockout的AfterRender,但在子(迭代)元素不是父
- 30. 用兩個元素迭代?
然後在閉包中使用$(this)來訪問循環中的「當前」項目。 – amarsuperstar 2010-06-11 16:15:44
@amarsuperstar:剛剛在添加該信息的過程中:-) – 2010-06-11 16:17:13
有沒有辦法知道「n」的值,假設$(this)是父節點的第n個孩子? – 2016-09-21 16:15:57