Comment obtenir tous les éléments à l'intérieur de “div” qui commence avec un texte connu
J'ai un div
élément dans un document HTML.
Je voudrais extraire tous les éléments à l'intérieur de ce div
avec id
attributs de départ avec une chaîne connue (par exemple, "q17_").
Comment puis-je atteindre cet à l'aide de JavaScript ?
Si nécessaire, pour des raisons de simplicité, je peux supposer que tous les éléments à l'intérieur de la div
sont de type input
ou select
.
- Double Possible de stackoverflow.com/questions/2617480/...
- Je voudrais savoir comment réaliser ceci en JavaScript.
- J'ai pensé que c'est une autre question, c'est pourquoi j'ai ouvert un nouveau fil de discussion. document.getElementsByTagName("div") sera de retour tous les divs dans le document. Je n'ai pas besoin de cela. J'ai déjà la div dans une variable. J'ai besoin de trouver à l'intérieur de ce div, tous les éléments dont le numéro commence par "q17_" par exemple.
- parlez-vous le nom des attributs de départ avec une valeur donnée?
- Désolé, je parle de la "id" attributs.
- Vous devez éditer votre question à l'inclure, j'ai mis à jour ma réponse en conséquence.
Vous devez vous connecter pour publier un commentaire.
Une fois de plus, je suggèrent fortement jQuery pour de telles tâches:
Option 1: Probablement plus rapide (mais non pris en charge par certains navigateurs si elle est utilisée sur le Document ou SVGElement) :
Option 2: Probablement la plus lente :
Option 3: Exige le changement de code (wrap un formulaire au lieu d'un div autour d'elle) :
En supposant chaque nouvelle branche de votre arbre est un div, j'ai mis en place cette solution avec 2 fonctions:
Maintenant, en supposant que votre div id est 'myDiv', tout ce que vous avez à faire est de créer un élément de tableau et de définir sa valeur de retour de la fonction:
Je l'ai testé et il a travaillé pour moi. J'espère que cela vous aide.
j'ai testé un échantillon et je voudrais partager cet échantillon et je suis sûr que c'est assez de l'aide totale.
J'ai fait toute chose dans le corps, créant d'abord une structure de là sur un clic de bouton, vous appelez un
fonction selectallelement(); sur le clic de la souris qui va passer l'id de la div sur lequel vous souhaitez connaître les enfants.
J'ai donné des alertes ici sur les différents niveau, donc u pouvez tester où r u maintenant dans le codage .
Avec les navigateurs modernes, c'est facile sans jQuery:
La querySelectorAll prend un sélecteur (comme par sélecteurs CSS) et l'utilise pour rechercher les enfants de la "yourParentDiv' élément de manière récursive. Le sélecteur utilise
^=
qui signifie "commence par".Noter que tous les navigateurs publiés depuis juin 2009 prise en charge de cette.