如何使用 AngularJS (jqLite) 为 firstchild 添加 CSS 属性

Question

我想将 css 添加到具有特定 id 的 <div> 内的第一个 <div> 元素 (firstChild)。如何使用 AngularJS (jqLite) 实现此目的。

我的HTML看起来像这样：

<div id="modulare">
   <div class="ibox-content ibox-content">
     ...
   </div>
   <div class="ibox-content ibox-content">
     ...
   </div>
</div>

我的AngularJS（即使不选择第一个child也不起作用）：

if (angular.element('#modulare .ibox-content')){ // I need the first child here
    angular.element('.ibox-content').css("border", "none");
}

希望能帮到你。

Answer 1

试试这个方法：

if (angular.element('#modulare.ibox-content').first()){ // I need the first child here
    angular.element('#modulare.ibox-content').first().css("border", "none");
}

Answer 2

有一些方法可以做到这一点，但您可以按照自己的方式尝试：

    if (angular.element(document.getElementsByClassName('ibox-content'))){ // I need the first child here

angular.element(document.getElementsByClassName('ibox-content')).css("background-color", "red");
    }

通过 css : 拿一个 class 没有边框

.noborder{
border:none !important;
 }

你的 html 中必须有 ng-class :

 <div class="ibox-content ibox-content" ng-class="newclass">

在您的控制器中，您可以在不需要边框时添加此 class：

$scope.newclass='noborder';

重要提示：代码未经测试。根据您的需要创建

如何使用 AngularJS (jqLite) 为 firstchild 添加 CSS 属性

How to add CSS property for firstchild with AngularJS (jqLite)

jquery

angularjs

jqlite

如何使用 AngularJS (jqLit​​e) 为 firstchild 添加 CSS 属性

How to add CSS property for firstchild with AngularJS (jqLite)

jquery

angularjs

jqlite

如何使用 AngularJS (jqLite) 为 firstchild 添加 CSS 属性