Nea*_*alR 3 javascript dom angularjs angularjs-directive
tr当我使用单击日历上的按钮时,我试图找到父元素datepicker。由于我不想在 Angular 应用程序中以脚本标记(编辑)的形式使用 jQuery ,并且严格使用 CSS 是不可能的,因此我创建了下面的指令。能够elm.find正确找到并更改按钮的 css,所以我知道我已经找到了我正在寻找的元素,但是现在我需要在 DOM 上移动。
我习惯了 jQuery 语法,但它不起作用,而且我在互联网上找不到任何有效的东西。有人可以帮我解决语法问题吗?
/* Linker for the directive */
var linker = function (scope, elm, attrs) {
elm.on('click', function() {
elm.find('table tbody tr button.active').parent('td').css('background-color', 'red');
});
};
Run Code Online (Sandbox Code Playgroud)
编辑
这是一个需要放置在uib-datepicker元素(Angular UI Bootstrap)上的指令,以便更改整行的背景颜色。该框架不具备此功能,并且在页面加载之前不会生成 HTML。
我需要将指令附加到下面的元素,找到所选项目,然后返回 DOM 以找到父元素tr。
<uib-datepicker highlightselectedrow class="well well-sm" ></uib-datepicker>
Run Code Online (Sandbox Code Playgroud)
.parent仅鞋面看起来完全一样element。我想说,宁愿使用,.closest所以它会在父级中搜索,直到它得到td
elm.find('table tbody tr button.active')
.closest('td').css('background-color', 'red');
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
10461 次 |
| 最近记录: |