js根据父级找最后子级
时间: 2023-08-31 07:03:18 浏览: 145
jquery 选择父级子级权限
3星 · 编辑精心推荐
要根据父级来找到最后的子级,可以通过递归的方式来实现。
首先,需要创建一个函数,接收一个父级元素作为参数。在函数内部,首先判断该父级元素是否有子元素。若有子元素,则继续调用该函数,将子元素作为参数传递,并递归查找直到找到最后的子级。
代码如下所示:
```javascript
function findLastChild(parent) {
if (parent.children.length === 0) {
return parent;
} else {
return findLastChild(parent.children[parent.children.length - 1]);
}
}
// 示例用法
const parentElement = document.getElementById('parent');
const lastChildElement = findLastChild(parentElement);
console.log(lastChildElement);
```
以上代码中,`findLastChild`函数接收一个参数`parent`,代表父级元素。首先判断该父级元素是否有子元素,若没有则返回父级元素本身。若有,则调用`findLastChild`函数,并将父级元素的最后一个子元素作为参数传递,继续递归查找,直到找到最后的子级元素。
示例使用中,我们通过`getElementById`方法获取父级元素,然后调用`findLastChild`函数,将父级元素作为参数传递。最后,将最后的子级元素打印在控制台上。
阅读全文