[英]How do I make this loop all children recursively?
我有以下几点:
for (var i = 0; i < children.length; i++){
if(hasClass(children[i], "lbExclude")){
children[i].parentNode.removeChild(children[i]);
}
};
我希望它遍历所有孩子的孩子等(不仅仅是顶级)。 我找到了这条线,它似乎是这样做的:
for(var m = n.firstChild; m != null; m = m.nextSibling) {
但是我不清楚如果我进行切换,我将如何称呼当前的孩子? 我将不再需要我来澄清孩子的索引位置。 有什么建议?
谢谢!
更新:
根据回答建议,我现在正在使用以下内容。 这是正确/最有效的方法吗?
function removeTest(child) {
if (hasClass(child, "lbExclude")) {
child.parentNode.removeChild(child);
}
}
function allDescendants(node) {
for (var i = 0; i < node.childNodes.length; i++) {
var child = node.childNodes[i];
allDescendants(child);
removeTest(child);
}
}
var children = temp.childNodes;
for (var i = 0; i < children.length; i++) {
allDescendants(children[i]);
};
function allDescendants (node) {
for (var i = 0; i < node.childNodes.length; i++) {
var child = node.childNodes[i];
allDescendants(child);
doSomethingToNode(child);
}
}
您遍历所有子元素,对于每个元素,调用相同的函数并让它遍历该元素的子元素。
通常你会有一个可以在所有节点上递归调用的函数。 这真的取决于你想对孩子做什么。 如果您只是想收集所有后代,那么element.getElementsByTagName
可能是更好的选择。
var all = node.getElementsByTagName('*');
for (var i = -1, l = all.length; ++i < l;) {
removeTest(all[i]);
}
不需要在所有子节点上调用 'allDescendants' 方法,因为方法本身已经这样做了。 所以删除最后一个代码块,我认为这是一个正确的解决方案(á,而不是 thé =])
function removeTest(child){
if(hasClass(child, "lbExclude")){
child.parentNode.removeChild(child);
}
}
function allDescendants (node) {
for (var i = 0; i < node.childNodes.length; i++) {
var child = node.childNodes[i];
allDescendants(child);
removeTest(child);
}
}
var children = allDescendants(temp);
您可以使用 BFS 查找所有元素。
function(element) {
// [].slice.call() - HTMLCollection to Array
var children = [].slice.call(element.children), found = 0;
while (children.length > found) {
children = children.concat([].slice.call(children[found].children));
found++;
}
return children;
};
此函数返回元素的所有子元素。
如果您有 jquery 并且想要获取所有后代元素,则可以使用:
var all_children= $(parent_element).find('*');
请注意all_children
是一个 HTML 集合而不是一个数组。 当您只是循环时,它们的行为类似,但集合没有很多您可能会喜欢的有用的Array.prototype
方法。
在现代浏览器中或使用 babel 做到这一点的最明确的方法是这样。 假设您有一个 HTML 节点$node
,您想对其子$node
进行递归。
Array.prototype.forEach.call($node.querySelectorAll("*"), function(node) {
doSomethingWith(node);
});
任何 DOM 节点上的querySelectorAll('*')
都会为您提供NodeList
元素的所有子节点。 NodeList
是一个类似数组的对象,因此您可以使用Array.prototype.forEach.call
遍历此列表,在回调中逐一处理每个子项。
如果项目是在循环中创建的,您应该通过 id="" 数据名称或其他东西留下索引。 然后,您可以直接索引它们,这对于大多数函数(例如 (!-F) 而言会更快)。 根据您的操作,对于 1024 位 x 100 项目非常有效。
if ( document.getElementById( cid ) ) {
return;
} else {
what you actually want
}
在大多数情况下,一旦项目已经加载,这将更快。 仅在重新加载或安全域转移/登录/ cors 时擦洗页面,并且您将某些事情做两次。
如果您使用 js 库,它就像这样简单:
$('.lbExclude').remove();
否则,如果你想获取一个节点下的所有元素,你可以在本地收集它们:
var nodes = node.getElementsByTagName('*');
for (var i = 0; i < nodes.length; i++) {
var n = nodes[i];
if (hasClass(n, 'lbExclude')) {
node.parentNode.removeChild(node);
}
}
TreeNode node = tv.SelectedNode;
while (node.Parent != null)
{
node = node.Parent;
}
CallRecursive(node);
private void CallRecursive(TreeNode treeNode)`
{
foreach (TreeNode tn in treeNode.Nodes)
{
//Write whatever code here this function recursively loops through all nodes
CallRecursive(tn);
}
}
要将所有后代作为数组获取,请使用以下命令:
function getAllDescendants(node) {
var all = [];
getDescendants(node);
function getDescendants(node) {
for (var i = 0; i < node.childNodes.length; i++) {
var child = node.childNodes[i];
getDescendants(child);
all.push(child);
}
}
return all;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.