Obtenir un premier enfant dans AngularJS directive

Je veux obtenir et de modifier le premier enfant de l'élément donné dans Angulaire de la directive.

<div class="wanted">
</div>
<div class="not-wanted">
</div>
<div class="not-wanted">
</div>

J'ai déjà essayé

elm.children('.wanted')

mais alors mon directive modifie tous les enfants.
Comment puis-je faire cela correctement?

Avez-vous essayer avec css :premier sélecteur d'enfant
mise à jour de la question avec d'autres codes
JqLite ne pas accepter un sélecteur pour les enfants (de) - de sorte que c'est pourquoi vous obtenez tous les enfants directs d'éléments. Voir ici: docs.angularjs.org/api/ng/function/angular.element

OriginalL'auteur roschulze | 2015-06-22

  1. 8

    Vous pouvez soit utiliser:

    elm.children().first();

    ou:

    elm.children(':first')

    Les deux auront le même effet. Le second est légèrement plus performant.

    J'ai eu TypeError: orme.les enfants(...).la première n'est pas une fonction pour la première
    Pourriez-vous mettre à jour votre question avec votre directive de la source et de la façon dont vous l'utilisez dans votre code html?
    le second fonctionne très bien
    Dans AngularJS (jqlite) les enfants ne prend pas en charge les sélecteurs, c'est jQuery. AngularJS ne prend pas en charge (premier) soit, c'est aussi jQuery.

    OriginalL'auteur Tomek Sułkowski

  2. 5

    J'utilise: element.children().eq(0)

    children() - Les enfants de chaque élément dans l'ensemble d'éléments qui correspondent

    eq() - De réduire l'ensemble des éléments qui correspondent à l'un à l'index spécifié

    OriginalL'auteur Peter Hedberg

  3. 5

    Angulaire comprend jqLite. JqLite ne pas accepter un sélecteur pour enfants (les) - de sorte que c'est pourquoi vous obtenez tous les enfants directs d'éléments.

    element.children() - Ne prend pas en charge les sélecteurs

    Angulaire jqLite ne pas accepter un sélecteur de classe pour les trouver. "Limité à des recherches par nom de balise".

    OriginalL'auteur Donal

  4. 1

    Angulaire chemin à l'aide de Directives

    <div ng-repeat="name in names">
<div check-render>{{name}}</div>
</div>

    Contrôleur

    angular.module('myApp').directive('checkRender', function ($timeout) {
    return {
        restrict: 'A',

        link: function (scope, el, attrs) {
if(scope.$first)
alert('first called');
}
}
});
    Cela n'a aucun sens. Votre attribut est custom-render, mais votre directive est lié à checkRender. Aussi, d'avoir à écrire tout un contrôleur / directive simplement pour déterminer si le premier enfant? N'ai pas l'impression que c'est le meilleur moyen.

    OriginalL'auteur Shubham Nigam