Jquery Obtenir de l'Enfant DIV à l'Intérieur de la DIV

J'ai le code HTML suivant dans le corps:

<div id="hidden">

</div>

<div id="mainContianer">
    <div id="firstChildDiv">

    </div>
</div>

J'utilise le code suivant pour obtenir l'enfant

$("div:first-child").attr('id')

Mais cela renvoie "caché" quand je le veux de retour firstChildDiv, j'ai essayé des choses comme...

$("div[mainContainer ] div:first-child").attr('id') 
$("div[id=mainContainer ] :first-child").attr('id') 
$("#mainContainer :first-child").attr('id')

Je sais que c'est une chose simple à faire, mais ne peux pas l'impression de voir où je vais mal...

Grâce

faute de frappe mainContianer -> mainContainer
Faute de frappe dans le projet principal , tout votre code est correct

OriginalL'auteur LmC | 2012-07-13

9

Votre dernière sélecteur de
```
$("#mainContainer :first-child").attr('id') 
```
fonctionne très bien, si vous corriger la faute de frappe dans le code HTML (voir ce violon). Il dit mainContianer au lieu de mainContainer.

Mais, de toute façon, pourquoi ne pas vous sélectionnez simplement par le id, si cet élément a une id?
```
$( '#firstChildDiv' )
```
Première à remarquer félicitations trop vous 🙂
De son question à laquelle vous ne suggèrent qu'il ne sait pas l'id de l'avance, mais il veut connaître l'id du premier enfant div...

OriginalL'auteur Sirko
5
```
$('#mainContainer > div:first-child').attr('id');
```
Cela ne semble pas les œuvres, les retours undefiend
lol si "undefiend" était sur le but (en se référant à la faute dans la question d'origine, ne pas faire plaisir de vous)
Est votre conteneur nommé "mainContianer" ou "mainContainer"? J'ai copié à partir de votre question et je pense que c'est mal... alors mis à jour ma réponse.
Ses une faute de frappe dans mon code et mon projet de code, de sorte que tout votre code est correct 🙂
Une autre question: quel est la differnece entre $("#mainContainer :first-child").attr('id') et les vôtres, ce qui ne l' > ne

OriginalL'auteur Simon
2

Essayer cela,
```
$("#mainContianer:first-child").attr("id")
```
Vérifier qu'il n'y est pas d'espace avant ':'

OriginalL'auteur Matt
2

En fait, tu as une faute de frappe dans votre html
```
<div id="mainContianer">
```
devrait être
```
<div id="mainContainer">
```
Ensuite, vous pouvez faire
```
$("#mainContainer div:first-child").prop('id')
```
Il utilise prop plutôt que attr, qui est plus lent et vieux jQuery Syntaxe

Désolé pour la confusion est ACCESSOIRE plus lent ou plus rapide que attr?
Il y a de bonnes raisons: Un test de perf et Parfaitement bien répondre à la question

OriginalL'auteur Beat Richartz

C'est de travailler pour moi....

$(document).ready(function(){
    var a =$("#mainContainer div:first-child").attr('id');
    alert(a);
});

OriginalL'auteur Franquis

1

ce tous de retour de la première enfant de parent--dans votre cas, remplacez parent par mainContianer
```
$('#parent').children(":first") 


$('#parent').children(":first-child") 


$( $('#parent').children()[0] ) 


$('#parent').find(":first") 


$('#parent').find(":nth-child(1)") 
```
essayez - Sélecteur d'enfant (parent “> child”)
```
$("div > div").attr('id')  
```
aussi essayer
```
$("div div:first-child")
```
jsperf.com/fastest-get-first ... personnellement, j'aime $container.les enfants().(premier).attr('id'); de plus, parce que c'est mieux lisible à mon humble avis, et l'un des moyens les plus rapides.
merci pour l'outil que j'ai beaucoup aimé...

OriginalL'auteur Pranay Rana

    <html>
        <head>
            <script>
                function getDiv(){
                alert("answer = "+$('#mainContianer div:first-child').attr('id'));

                }
            </script>
        </head>
        <body>

            <div id="hidden"></div>

                 <div id="mainContianer">
                    <div id="firstChildDiv">
                    </div>
                 </div>

                <button onclick="getDiv()">click</button>
    </body>
<html>

OriginalL'auteur Nirmal

SCRIPT

<script language="JavaScript">
    jQuery(document).ready(function($) { 
    $("#MY_BUTTON").click(function(event) {
                 $("div#PARENT_DIV").find("#CHILD_DIV").hide();
             });    
});
</script>

CODE HTML

<div id="PARENT_DIV">
        <h1 class="Heading">MY HTML PAGE TEST</h1>
        <br />
        <div id="CHILD_DIV">THIS IS MY CHILD DIV</div>
 </div>

    <div class="MY_BUTTONS"> 
        <a class="MySubmitButton" id="MY_BUTTON">
            <span>Test it!</span>
        </a>
     </div>

Beaucoup plus rapide sélecteur: $("#mainContainer :first-child").attr('id')

OriginalL'auteur Eldric Dsouza

Vous devez vous connecter pour publier un commentaire.