javascript - .addClass 不适用于 jqLit​​e/Angular.js

Question

我最近一直在努力理解为什么 .addClass 函数在 jqLit​​e 上不起作用

element.addClass('active')    

Element 返回一个 html 元素数组，反复测试以确保。我可以 hide()、show()、添加 .css 或获取一个，甚至设置 .attr，但 addClass 会阻止我。

edit: element is a path in a svg block ，这就是似乎使 addClass 函数无关紧要的原因，仍在尝试修复它。

元素是一个jqLit​​e对象

谢谢。

Answer 1

JqLite 方法不适用于由普通 javascript DOM 选择器(如 querySelector 或 document.getElementById())选择的元素。如果需要，首先使用 javascript 选择器选择它，然后将其包装在 angular.element 中:

var element = document.querySelector('a[target="_blank"]');
var angElement = angular.element(element);

或者只是

var myElement = angular.element( document.querySelector('a[target="_blank"]') );

然后你可以使用JqLite方法:
第一个例子:

angElement.addClass('active');

第二个:

myElement.addClass('active');