0
votes

Obtenir la valeur d'une étiquette DOM

J'ai besoin d'aide pour obtenir une valeur de tag, j'ai essayé plusieurs méthodes, mais ils ne travaillent pas, désolé je suis assez nouveau.

J'ai un code comme celui-ci: P>

for (i=0;i<whatever;i++) {
var datadfid = document.getAttribute('data-dfid').value;
{

javascript jquery

0 commentaires

5 Réponses :

2
votes

Pour quelque chose comme ça, ID serait mauvaise idée de toute façon, car vous le feriez de les rendre unique dans la sortie.

Vous pouvez utiliser queryselectorall code> pour obtenir tous les éléments correspondants et a foreach à la boucle à travers eux et getattribute code> pour obtenir la chaîne de données-dfid. p>

p>



<div class="df-card">
<a class="df-card-main" data-dfid="1111">
</a>
</div>
<div class="df-card">
<a class="df-card-main" data-dfid="2222">
</a>
</div>

0 commentaires

0
votes

Ce code remplira vos exigences

<div class="df-card">
<a class="df-card-main" data-dfid="1111">
</a>
</div>
<div class="df-card">
<a class="df-card-main" data-dfid="2222">
</a>
</div>

0 commentaires

0
votes

Vous ne pouvez pas déclarer variable à l'intérieur pour chacun, la dernière fois écrasera toujours le précédent car la boucle progressera à sa fin.

Vous pouvez pas strud> avoir Datafid = 1111 et datafid = 2222 code> en même temps. p>

Datafid strong> est le nom de la variable et vous ne pouvez pas l'avoir deux fois. P>

Vous pouvez déclarer un tableau et appuyer sur chaque valeur. Plus tard, vous pouvez faire ce que vous voulez avec ce tableau. P>

Il n'y a pas de valeur dans un élément. Il est utilisé juste pour entrées code> etc. Utilisez simplement .getatTtribute ("Data-dfid ') code> p>

p>

<div class="df-card"> <a class="df-card-main" data-dfid="1111"> </a> </div> <div class="df-card"> <a class="df-card-main" data-dfid="2222"> </a> </div>

0 commentaires

0
votes

Vous pouvez utiliser la propriété DataSet CODE> sur le dessus de l'élément via lequel vous pouvez accéder à l'attribut personnalisé data-dfid code> comme elem.dataseet.dfid code> . Pour plus d'informations sur DATA - * CODE> Attributs et l'utilisation Reportez-vous ici

P>



<div class="df-card">
  <a class="df-card-main" data-dfid="1111">
  </a>
</div>
<div class="df-card">
  <a class="df-card-main" data-dfid="2222">
  </a>
</div>

0 commentaires

0
votes

Chaque boucle dans jQuery.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="df-card">
<a class="df-card-main" data-dfid="1111">
</a>
</div>
<div class="df-card">
<a class="df-card-main" data-dfid="2222">
</a>
</div>

0 commentaires