jquery - 如何从对象中获取子元素

Question

我正在从后端获取数据，一旦使用我的模板函数将其应用于模板，如下所示:

this.render = function() {
        var html = Mustache.render(self.template.base.html());

        self.el.parent.html(html);
        self.el.panel = $('.header-panel', self.el.parent);

        console.log ( self.el.panel );

    };

我的“self.el.panel”(安慰)给了我这样的结果:

  0: div.header-panel.flex-right
    context: document
    length: 1
    prevObject: jQuery.fn.jQuery.init[1]
    selector: "#header .header-panel"

从这些数据中，我如何找到子元素？

我尝试过这样的方法，但没有成功..

console.log ( $("a", self.el.panel) );

甚至像这样:

console.log ( $(self.el.panel).find('a') );

任何人都可以帮我获取子元素..

Answer 1

根据您的代码示例，self.el.panel是一个 jQuery 对象。

因此...

self.el.panel = $('.header-panel', self.el.parent);

// ...

var childA = self.el.panel.children("a");
var descendantA = self.el.panel.find("a");

如果这没有给你任何东西，那么就没有 <a>该部分中的元素(或者当时)。