puis-je sélectionner #id > #id avec jQuery?

J'ai eu cette structure

<div id="slide1">
    <div id="slide_body">
    some content
    </div>
</div>

<div id="slide2">
    <div id="slide_body">
    some content
    </div>
</div>

Est-il un moyen de sélectionner, à l'aide de jquery, seule la #slide_body à l'intérieur de #slide1?

Ou est la seule solution pour ajouter l'id de chaque corps div comme

<div id="slide2">
    <div id="slide_2_slide_body">
    some content
    </div>
</div>

OriginalL'auteur Matt Welander | 2013-01-23

8

Vous ne pouvez pas utiliser les Identifiants uniques dans un document

Cet attribut permet d'attribuer un nom à un élément. Ce nom doit être unique
dans un document.

http://www.w3.org/TR/html401/struct/global.html#h-7.5.2

Dans votre exemple, vous pouvez utiliser la classe "slide_body"
```
<div id="slide1">
    <div class="slide_body">
    some content
    </div>
</div>
```
Et puis vous pouvez le sélectionner avec #slide1 .slide_body ou $("#slide1").find('.slide_body')

Vous êtes sélecteur est faux. Vous avez besoin d'un espace.
merci. J'ai corrigé ça.

OriginalL'auteur Larry Cinnabar
9

La réponse à la première question:

puis-je sélectionner #id > #id avec jQuery?

Vous pouvez en effet faire exactement la même syntaxe $('#slide1 > #slidebody'). Le > caractère descendant direct et est appelé le sélecteur d'enfant (http://api.jquery.com/child-selector/). Si l'élément ne peut pas être un descendant direct mais imbriquées à l'intérieur de quelque chose d'autre vous omettez le > et jusqu'à la fin avec $('#slide1 #slidebody').

Comme pour l'extrait de code HTML, la plupart sont corrects en mentionnant que c'est mauvais d'avoir le même id sur les différents éléments, et est considéré comme une défaillance de document.

http://jsfiddle.net/infiniteloops/LzFAr/

OriginalL'auteur Gary.S
4

Utilisation
```
$('#slide1 > #slide_body')
```
OriginalL'auteur Vandana

Votre balise n'est pas valide. Vous ne pouvez pas avoir les deux éléments avec le même ID. Pour cette raison, la réponse est non. L'utilisation de classes à la place.

<div id="slide1">
    <div class="slide_body">
    some content
    </div>
</div>

<div id="slide2">
    <div class="slide_body">
    some content
    </div>
</div>

$('#slide2>.slide_body');

OriginalL'auteur Paul Fleming

0

Id doit être unique dans la page. L'utilisation de classes à la place:
```
<div id="slide1">
    <div class="slide_body">
    some content
    </div>
</div>
```
Et puis #slide1 .slide_body que le sélecteur.

Vous n'avez pas changé le code pour class.
Merci pour le spotting, ont fixé la réponse.

OriginalL'auteur Matt Zeunert
0

Vous pouvez sélectionner comme ça, cependant il est tout à fait superflue id attributs doit être unique dans la page. Avec cela à l'esprit, votre code n'est pas valide. Vous devez utiliser un class où vous avez besoin d'identificateurs de groupe:
```
<div id="slide1">
    <div class="slide_body">
        some content
    </div>
</div>

<div id="slide2">
    <div class="slide_body">
        some content
    </div>
</div>
```
Ensuite, vous devez utiliser:
```
var $slideContent = $('#slide1 .slide_body');
```
OriginalL'auteur Rory McCrossan
0

Tout d'abord, il n'est pas très bonne décision d'avoir ou non des identifiants uniques. En dépit de cela, vous pouvez passer contexte en fonction jQuery:

$("#slide_body", "#slide1")

-1 pour "pas très bonne décision". Il est invalide, donc pas une décision à faire, mais plutôt d'un bug à corriger. La solution de contournement "mauvaise décision".
d'accord que c'est une mauvaise décision. Mais connaissez-vous TOUTES les circonstances de l'OP de travail? Si ce balisage généré par le serveur de code et l'OP ne peut pas affecter cette?
Dans un tel scénario, OP devraient être à la recherche d'une solution au vrai problème, dans ce cas de non-identificateurs uniques. Si le serveur de code génère de cette façon, de corriger le code du serveur. Si un tiers composant génère de cette façon, de monter sur le vendeur de modifier le composant. Il n'y a pas d'argument ici. Ne jamais utiliser des Identifiants uniques. Il est invalide.
félicitations, vous gagnez

OriginalL'auteur Yuriy Rozhovetskiy

L'id d'un élément HTML doit être unique. Tour diapositive corps dans une classe.

HTML

<div id="slide1">
    <div class="slide_body">
        some content
    </div>
</div>

<div id="slide2">
    <div class="slide_body">
        some content
    </div>
</div>

Sélecteur de

$("#slide1 .slide_body")

OriginalL'auteur Kevin Bowersox

Vous devez vous connecter pour publier un commentaire.