Jquery 选择AngularJS元素的嵌套子元素

我正在编写一个指令，它将选择性地销毁嵌套元素上的作用域。然而，我很难让

.find（）

将任何东西返回给我。我猜这是因为我不太明白到底发生了什么，但事情是这样的

我的指示：

function sampleDir() {
  return {
    scope: {},
    link: function (scope, element) {
        console.log(element.find("td"));
        // Do Stuff with the element
    }
  }
}

所讨论的元素具有以下innerHTML（它是剑道网格）：

但当我无法使其工作时，我将其更改为基本的

td

选择器，该选择器也不返回任何内容

为什么这不返回任何东西？我如何让它返回

td

列表，然后我可以解除绑定或删除其中的类

谢谢

更新

指令的使用方式。它用于输出剑道网格的另一个指令

function hiKendoGrid() {
  return {
    scope: {
        hiPageSize: "="
    },
    template: "<div sample-dir kendo-grid k-options='gridOptions' k-ng-delay='gridOptions'></div>",
    controller: "hiKendoGridCtrl"
  };
}

函数hiKendoGrid（）{ 返回{ 范围：{ hiPageSize:“=” }, 模板：“”， 控制器：“HIKENDORIDCTRL” }; }

---

如果您从远程数据源读取网格数据，如下所示：

new kendo.data.DataSource({
            transport: {
                read: {
                    url: "path/to/service",
                    dataType: "json"
                }
            }
});

---

然后这是异步发生的，当

链接

函数启动时，网格中可能没有任何

标记显示？空白？那没有任何意义。当其余的属性都存在时，为什么它会是空的？你能告诉我你是如何使用sampleDir指令的吗？你是如何填充网格的？它正在读取远程数据源吗？我问这个问题的原因是，当你的链接函数启动时，网格中可能还没有任何标记。我会在这一点上破解一个JSFIDLE只是为了文档的缘故，我通过将所需的功能放入网格的

数据绑定

事件来解决这个问题。

function hiKendoGrid() {
  return {
    scope: {
        hiPageSize: "="
    },
    template: "<div sample-dir kendo-grid k-options='gridOptions' k-ng-delay='gridOptions'></div>",
    controller: "hiKendoGridCtrl"
  };
}

new kendo.data.DataSource({
            transport: {
                read: {
                    url: "path/to/service",
                    dataType: "json"
                }
            }
});