Javascript Girl
  1. Javascript Girl
  3. Choisir les deuxièmes enfants des enfants du premier div dans javascript
Intereting Posts
Variable hexadécimale hexadécimale Un String.prototype "this" ne renvoie pas une chaîne? Le ClientScriptmanager fonctionne-t-il lorsqu'il est appelé dans un postback partiel? Comment passer une liste de Python, par Jinja2 à JavaScript Comment mettre à jour l'option source dans bootstrap-typeahead.js Uncaught SyntaxError: En code de mode strict, les fonctions ne peuvent être déclarées au niveau supérieur ou immédiatement dans une autre fonction Comment désactiver Cufon sur certains éléments? Sublime Text 2: Auto fixing indentation pour javascript? Extension Chrome – Origines Javascript pour Google API Dopdownlist est en train d'être peuplé avec des valeurs limitées au lieu des valeurs de la collecte totale Scrap d'écran à partir d'une page Web avec beaucoup de Javascript Conseils nécessaires sur la façon d'implémenter le versionnage js / css Test de valeur dans Javascript Array Chrome, Javascript, window.open dans un nouvel onglet Existe-t-il un moyen flexible de modifier le contenu d'un élément éditable?

Choisir les deuxièmes enfants des enfants du premier div dans javascript

J'ai un html qui ressemble à quelque chose comme ça: 

<div id="mainDiv"> <-- I have this <div> <div></div> <div></div> <-- I need to get this </div> <span></span> <more stuff /> </div>

j'utilise: 

 var mainDiv = document.getElementById('mainDiv');

Parce que j'ai besoin de ce div dans un var, mais j'ai aussi besoin d'obtenir cette deuxième division sur la première div dans mainDiv dans une variable.

Comment puis-je le faire de manière simple à travers le navigateur?

En supposant que la structure est statique, vous pouvez le faire: 

 var mainDiv = document.getElementById('mainDiv'), childDiv = mainDiv.getElementsByTagName('div')[0], requiredDiv = childDiv.getElementsByTagName('div')[1];

Autres lectures: .getElementsByTagName() (de MDN) . 

  var mainDiv = document.getElementById('mainDiv'); var x = mainDiv.children[0].children[1];

ou 

  var mainDiv = document.getElementById('mainDiv'); var x = mainDiv.getElementsByTagName('div')[0].getElementsByTagName('div')[1];

Je choisirai jQuery et finirai par quelque chose comme ça: 

 var getThis = $('#mainDiv > div:eq(0) > div:eq(1)');

Violon

J'irais simplement avec une seule ligne de code vanilla.

Fonctionne pour tous les éléments, ne se limite pas aux noms de balises que vous avez dans la structure. Mais le nombre d'éléments et la hiérarchie doivent être conservés. 

 var requiredDiv = document.getElementById('mainDiv').firstChild.firstChild.nextSibling; 
 var mainDiv = document.getElementById('mainDiv'); var div = maindiv.getElementsByTagName('div')[2];//third div

http://jsfiddle.net/MGVw8/