Comment sélectionner les liens, mais pas de l'enfant des liens en jQuery?

Comment en jQuery puis-je sélectionner seulement les liens à l'intérieur d'un élément div et pas l'enfant div éléments contenus dans ce div?

<div>
    <a>Link 1</a>
    <a>Link 2</a>
    <div>
        <a>Not these 1</a>
        <a>Not these 2</a>
    </div>
</div>
Un exemple pourrait être sympa.

OriginalL'auteur | 2009-01-13

  1. 11

    utiliser le direct sélecteur d'enfant >

    e.g

    $('div>a')

    Mise à JOUR:
    pour l'apaiser, M. RoBorg

    Si vous avez des ancres à l'intérieur des éléments imbriqués à l'intérieur de la première div puis, la suite du travail.
    Il utilise un filtre pour s'assurer que le div parent est en effet la div vous ciblent plutôt qu'un div imbriqués.

    Démo

      var firstDivAnchors = $('div a').filter( function(){
        return $(this).closest('div').is('#yourDiv');
  });
    Pas tout à fait... ce n'obtiendrez pas <div><span><a>... la question suggère qu'il devrait
    il a dit un divs les liens, pas une div qui s'étend sur des liens.

    OriginalL'auteur redsquare

  2. 6

    S'il y a un div que vous souhaitez cibler, vous pouvez essayer:

    $("div#mydiv a :not(div a)");

    EDIT: Il serait grand si vous avez un peu plus de contexte (HTML) 🙂

    qui donnera toujours 0 résultats
    C'est mon travail sur mon site (www.viajeros.com). Essayez-la dans firebug: $("div#footer :non(div a)");
    Je pense qu'il fonctionne en vertu des sélecteurs CSS poids: "div#quelque chose de" poids " plus que des "div"
    voir pastebin.me/496c817fe0c7e
    vous devez vérifier votre balisage du w3c, de nombreuses erreurs (240+) qui signifie étrange sélecteur de résultats

    OriginalL'auteur Danita

  3. 1

    Je ne me souviens pas très bien, mais n'a pas d'enfants() est-ce que le travail?

    $(thisDiv).les enfants('a')

    Dans docs.jquery.com il se lit comme suit:
    enfants (les)
    Obtenez un ensemble d'éléments contenant tous les unique enfants immédiats de chacun de l'ensemble des éléments.

    Ouais enfants ou > est la même - Enfants Directs
    vrai, mais pour autant que je sais la différence est que l'utilisation d'enfants de ne pas utiliser une regex pour déconstruire le sélecteur, mais les deux sont de bonnes approches.

    OriginalL'auteur Ricardo Vega

  4. 1

    Je pense que Danita était sur la bonne voie, mais son exemple ne fonctionne pas pour moi non plus. À l'aide de .pas(), cependant, a fait un travail:

    Donné:

    <div id="testdiv">
    <span><a>span a</a></span> <a>a</a>
    <div>
        <a>div a</a><span><a>div span a</a></span>
    </div>
</div>

    ne trouver que des balises pas imbriquée à l'intérieur d'divs imbriqués.

    var test = $('#testdiv').find('a').not('#testdiv div a');
$(test).each(function(){
    trace( $(this).html());
});

    Non seulement il va ignorer les balises à l'intérieur de la div imbriqués, il ne sera PAS ignorer l'une des balises imbriquées dans les travées.

    OriginalL'auteur Zac Imboden

  5. 0

    J'ai eu le même besoin et regarda autour de lui. Inspiré par quelques réponses ici, j'ai écrit ce 

    $('div a').not('div div a')

    J'ai testé et ça marche! 🙂

    Mais il ne filtre pas les liens qui sont imbriqués encore plus bas. redsquare la réponse semble aller mieux.

    OriginalL'auteur Lord Loh.