La sélection de l'enfant div id connaître un parent div id avec des sélecteurs JQuery

J'ai ce code html:

<div id="top">
<div id="potato"></div>
</div>
<div id="bottom">
<div id="potato"></div>
</div>

Je suis en train d'utiliser JQuery pour accéder au bas de la pomme de terre div, et aucun de la suite des travaux.

$('#top #potato').html('Russet');
$('#bottom #potato').html('Red');

$('#top > #potato').html('Russet');
$('#bottom > #potato').html('Red');

$('#potato').html('Idaho');

Tous ces juste modifier le haut de la div et pas le fond. Comment puis-je modifier le fond de la div?

Est-il la réponse ici? Pourquoi ne pas vous suivre à votre question?

OriginalL'auteur | 2009-06-15

  1. 22

    Tous les éléments doivent avoir des Identifiants uniques, dans ce cas vous pouvez utiliser l'attribut de classe, de sorte que vous avez

    <div class="potato" />

    De laquelle vous pouvez accéder comme ceci:

    $('#bottom > .potato').html('Idaho');
    Ne fonctionne pas si vous utilisez des variables, par exemple: $(a > b), que pour le sélecteur CSS consolidés. L' $(un).trouver(b) la syntaxe est plus fiable dans de multiples situations.

    OriginalL'auteur

  2. 15

    Je viens de tomber sur ce problème. Même si c'est vrai, vous ne devriez pas avoir deux éléments avec le même ID, il arrive.

    Pour obtenir le div que vous voulez, c'est ce qui fonctionne pour moi:

    $('#bottom').find('#potato');

    OriginalL'auteur

  3. 5

    Pour une chose que vous ne pouvez pas avoir un élément qui a le même id comme de l'autre. Id est unique, mais les noms de classe peut être utilisée autant de fois que vous le souhaitez

    <div id="top">
 <div id="potato1"></div>
</div>
 <div id="bottom">
 <div id="potato2"></div>
</div>

    jquery, comme ça:

    $(function{
 $("#potato2").html('Idaho'); //if you're going to name it with an id, 
  // that's all the selector you need
});
    Pour les autres sélecteurs, regardez:docs.jquery.com/Selectors pour des exemples

    OriginalL'auteur

  4. 3

    Ce que vous avez posté et dit ne fonctionne pas semble fonctionner pour moi.

    $('#top #potato').addClass('Russet');
$('#bottom #potato').addClass('Red');

    https://jsfiddle.net/wzezr706/

    OriginalL'auteur

  5. 1

    pas besoin de mettre des cours sur tout, mais vous devriez avoir les id unique pour tout. A part cela, essayez ceci:

    $("#bottom + div").html('Idaho');

    OriginalL'auteur

  6. 0

    Essayez ceci:

    $("#bottom #potato").html('Idaho');

    Ou

    $("#bottom #potato:last").html('Idaho');

    OriginalL'auteur

  7. -1

    votre code HTML n'est pas valide, puisque vous avez non unique ids

    OriginalL'auteur