尝试将jQuery插件转换为纯JavaScript

保罗·布朗

我有一个jQuery插件,希望将其转换为纯javascript,以便可以删除对jQuery的依赖。我坚持使用的插件部分是此位,它返回按深度排序的DOM元素(例如,身体的孩子,然后是孙子,然后是曾孙等)

var first = $('body'),
output = [];
while(first.length != 0) {
  output = $.merge(output, first);
  first = first.children();
}

基本上,我只需要的纯javascript版本$('body')$.mergechildren()在途中为我提供帮助。

任何帮助将非常感激

保罗·布朗

好的,我自己弄清楚了,最后很简单。

    // Every Element in the DOM.

var allElements = document.getElementsByTagName('*'),

    // All the Element's children sorted by depth, 
    // ie. body, then body's children, grandchildren,
    // so on and so forth.

    sortedByDepth = [];

    // for every element

for(var i = 0; i<allElements.length; ++i) {

    // grab Its children

    var allChildren = allElements[i].children;

    // for every grabbed child

    for(var j = 0; j<allChildren.length; ++j){

        // Add it to the sortedByDepth array

        sortedByDepth = sortedByDepth.concat(allChildren[j]);
    }   
}
console.log(sortedByDepth);

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将jQuery转换为纯JavaScript

来自分类Dev

将jQuery函数转换为纯JavaScript

来自分类Dev

将jQuery $ .extend转换为纯JavaScript

来自分类Dev

将 JQuery 代码转换为纯 Javascript

来自分类Dev

将 jQuery 转换为纯 JavaScript

来自分类Dev

将 jQuery 转换为纯 JavaScript

来自分类Dev

将jquery的每个函数转换为纯javascript

来自分类Dev

如何将 jQuery 的 $.get 转换为纯 JavaScript?

来自分类Dev

AngularJS-如何将纯JavaScript插件转换为Angular Directive(?)

来自分类Dev

将jQuery插件转换为指令Angular

来自分类Dev

将JQuery插件转换为AngularJS指令?

来自分类Dev

使用jquery将以纯JavaScript编写的拼图转换为javascript

来自分类Dev

如何将jQuery':not(:has(*)):not(a *):not(a)'转换为TreeWalker的纯js?

来自分类Dev

如何将jQuery动画函数转换为纯JS

来自分类Dev

将html转换为纯文本jquery .ajax

来自分类Dev

将纯 JS 转换为 array[i].className 的 jquery?

来自分类Dev

将JavaScript转换为jQuery

来自分类Dev

将'$(this)'jQuery转换为javascript'this'

来自分类Dev

将纯文本转换为JavaScript中的超链接

来自分类Dev

使用JavaScript将纯文本列表转换为HTML列表

来自分类Dev

使用javascript将纯文本转换为CSS值

来自分类Dev

使用Javascript将HTML转换为纯文本

来自分类Dev

使用javascript将嵌套列表转换为缩进的纯文本

来自分类Dev

如何将此功能从jquery转换为纯javascript?

来自分类Dev

如何将此功能从jquery转换为纯javascript?

来自分类Dev

随机将纯文本转换为纯JavaScript的可点击链接

来自分类Dev

简单的jquery插件,用于将json转换为html

来自分类Dev

将JQuery树插件转换为Angularjs指令

来自分类Dev

jQuery插件,用于将img标签转换为链接

Related 相关文章

热门标签

归档