J'ai besoin d'un code dynamique jQuery ou JavaScript, qui cache tous les éléments Les parents doivent être invisibles comme le résultat de CSS Étant donné que mes connaissances sont limitées sur CSS et HTML, je suis complètement perdue. sur cet exemple, il ne devrait que montrer les liens suivants: < / p> 1
2
4 Est-ce que quelqu'un sait comment faire cela? , si le
data-event-id-id = "" est une répétition sur le élément, il n'y a donc aucun élément multiple avec le même attribut, seul le premier. Affichage: Aucun; Mais ils peuvent également être "supprimés" sur le code, ne comptent pas vraiment.
1 commentaires
3 Réponses :
C'est assez simple: vous pouvez itérer via votre collection de l'élément et vérifier si son p> DataSet.eventide code> est présent dans un ensemble unique, cela peut être effectué en tirant parti de ES6'S SET () CODE> , qui stocke VALEURS UNIQUES STRAND> (Donc, cela sert de dictionnaire). Pour chaque itération, vous:
EventID code> est dans l'ensemble. Si c'est le cas, retirez le nœud li>
EventID code> dans votre ensemble unique pour une comparaison future. Li>
ol>
<div>
<a data-event-id="87" href="https://google.com">1</a>
</div>
<div>
<a data-event-id="48" href="https://google.com">2</a>
</div>
<div>
<a data-event-id="87" href="https://google.com">3</a>
</div>
<div>
<a data-event-id="20" href="https://google.com">4</a>
</div>
<div>
<a data-event-id="48" href="https://google.com">5</a>
</div>
avec jQuery, vous pouvez interroger pour tous les éléments a-éléments et itérer sur eux. Vous pouvez suivre une trace des identifiants d'événements connus avec un tableau où vous ajoutez des identifiants événementiels nouvellement découverts. Si l'ID est déjà dans cette matrice, cachez-vous simplement l'élément parent.
p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div> <a data-event-id="87" href="https://google.com">1</a> </div> <div> <a data-event-id="48" href="https://google.com">2</a> </div> <div> <a data-event-id="87" href="https://google.com">3</a> </div> <div> <a data-event-id="20" href="https://google.com">4</a> </div> <div> <a data-event-id="48" href="https://google.com">5</a> </div>
Merci pour le code mais malheureusement, cela ne fonctionne pas sur mon HTML original (rien ne se passe). Je l'ai vérifié avec le HTML simplifié et cela fonctionne. Peut-être que c'est parce que j'ai plusieurs
Dans ce cas, vous pouvez l'essayer avec data-event-id-id = "" dans ce élément. Est-il possible de sélectionner uniquement le parent
, s'il est
class = "mec-maçonnerie-élément-wrap" peut-être que cela ferait ce truc.
$ (ceci) .Clossest (".mec-maçonner-élément-wrap") .hide (); au lieu de $ (ceci) .parent ( ) .Hide (); .
Vous pouvez également utiliser voir FIDDLE : non (: premier) "). Supprimer ();
Identique à une autre réponse, il s'agit de parent, vous avez besoin: var i; pour (i = 0; i <10; i ++) {$ ("data-event-id-id $ = '" + i + "']: non (: premier)"). Parent (). Supprimer (); }
Vous avez besoin, d'accord, mais qu'avez-vous essayé jusqu'à présent où vous avez échoué? Vous savez que ce n'est pas un site de codage.