Voici mon code HTML

<div id="parent">
    <div id="computer">
        <div id="items">
            <div id="1">hp</div>
            <div id="2">compaq</div>
            <div id="3">toshiba</div>
        </div>
    </div>
    <div id="laptop">
        <div id="1">i5</div>
        <div id="2">dual core</div>
        <div id="3">i3</div>
    </div>
    <div id="printer">
        <div id="laser">hp laser</div>
    </div>
    <div id="cpu">
        <div id="item">
            <div id="1">pintuim</div>
            <div id="2">celeron</div>
        </div>
    </div>
    <div id="scanner">
    <div id="canon">
            <div>canon</div>
        </div>
    </div>
</div>`

J'essaye d'obtenir l'id de chaque premier élément de la div parent c'est pour obtenir un array=[computer, laptop, printer, cpu, scanner]

Voici mon code jquery mais il prend tout.

var a = $("div.content :nth-child(1)")find("*").toArray();

S'il vous plaît j'ai besoin d'aide merci

1
tony pro 16 juil. 2015 à 15:06

2 réponses

Meilleure réponse

Il y a un sélecteur dans jQuery qui retournera le premier niveau d'enfants: DEMO

var a=[];
$("#parent > div").each(function(){ // using > will return the first level of children
    a.push($(this).attr('id'));
});
alert(a);
1
Amin Jafari 16 juil. 2015 à 12:13

Ce sont des enfants de l'élément #parent, vous pouvez donc parcourir cela et en créer un tableau à l'aide de .map ()

var array = $('#parent').children().map(function() {
  return this.id;
}).get();

snippet.log(array)
<!-- Provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 -->
<script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script>



<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="parent">
  <div id="computer">
    <div id="items">
      <div id="1">hp</div>
      <div id="2">compaq</div>
      <div id="3">toshiba</div>
    </div>
  </div>
  <div id="laptop">
    <div id="1">i5</div>
    <div id="2">dual core</div>
    <div id="3">i3</div>
  </div>
  <div id="printer">
    <div id="laser">hp laser</div>
  </div>
  <div id="cpu">
    <div id="item">
      <div id="1">pintuim</div>
      <div id="2">celeron</div>
    </div>
  </div>
  <div id="scanner">
    <div id="canon">
      <div>canon</div>
    </div>
  </div>
</div>
1
Arun P Johny 16 juil. 2015 à 12:09