Question

这是我在StackOverflow上的第一篇文章，所以一开始我很抱歉我的英语不够流利;）但我尝试解释我遇到的问题。

这是实例

http://codepen.io/anon/pen/JKGbdE

＆＃13;

class S {
        constructor(selectors) {
            let self = this;

            
            this.elements(selectors);
        }

        elements(selectors) {
            this.selectors = selectors;

              
            let result = document.querySelectorAll(this.selectors);

            if( result.length == 1 ) {
                result = result[0];

                this.element = result;
            } else {
                this.elements = [].slice.call(result);
            }

            this.nodes = result;

            return this.nodes;
        }

        parent() {
            let self = this;


            if( !!this.element ) {
                
                this.nodes =  this.element.parentNode;

            } else {

                this.elements.forEach = (item, key) => {
                    self.elements[key] = item.parentNode;
                };

                this.nodes =  this.elements;
            }

            return this.nodes;
        }


        result(a) {
            return this.nodes;
        }
    }

    window.$ = (selectors) => {
        let el = new S(selectors);


        return el;
    };
 

    console.log('first ex: ', $('#el') )
    console.log('second ex: ', $('#el').parent() )

＆＃13;

<html>
  <body>
    <div id="el">test</div>
    
  </body>
</html>

＆＃13;

如果您打开浏览器控制台，您将看到如下内容：

[日志]第一个例子： -

S {selectors: "#el", element: <div id="el">, nodes: <div id="el">, …}

[Log] second ex： -

<body>…</body>

第二个例子没问题。我只想返回一个HTML节点。在第一个示例中，它应仅返回<div id="el />。

有什么建议吗？

Answer 1

在first ex:中，您将返回new S(...)和second ex: - this.nodes（DOM对象）。

除非你扩展JS DOM操作，否则你不能指望将DOMObject作为响应并且所有子功能都在工作 - jQuery也不能给你这种可能性。

尝试console.log(jQuery('.anything')) - 它还会返回一个对象，该对象将DOM对象作为项目（确切地说索引为0）。

您应该更改代码，以便始终返回S对象。

jQuery喜欢结构 - ES6 JS Chaining

1 个答案: