Dev Faq
-1
votes

Comment cacher un parent div lorsque l'enfant div contient un certain texte?

Voici un Fiddle de mon problème.

J'essaie de cacher une DIV entière quand un certain texte est présent. Comment puis-je faire cela avec JavaScript ou JQuery?

J'ai déjà essayé le FF: xxx

mais il ne cache que le DIV s'il est le premier. J'ai plusieurs divs comme celui sur mon violon.

Quelqu'un peut-il vous aider, s'il vous plaît?

0 commentaires

3 Réponses :

0
votes

Avec jQuery, il est facile, utilisez simplement le sélecteur parent: xxx

2 commentaires

Merci! juste un problème. Si le texte est "cas fermé" et je veux cacher uniquement ceux avec juste "fermé" et pas "cas fermé", est-ce toujours possible? À l'heure actuelle, il y cache également ceux avec "cas fermé"

si (... inclut ("fermé") &&! ... Inclus ("Cas fermé"))

0
votes

Utilisez la boucle et vérifiez que la chaîne existe ou n'utilisez pas indexofof code> comme ci-dessous.

p> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="row word-style table-border">
  <div class="col-md-1">Tech assistance Internal Request</div>
  <div class="col-md-1">PARTS </div>
  <div class="col-md-1">Normal</div>
  <div class="col-md-1">New</div>
</div>

<div class="row word-style table-border">
  <div class="col-md-1">Tech assistance</div>
  <div class="col-md-1">IOT </div>
  <div class="col-md-1">Normal</div>
  <div class="col-md-1">New</div>
</div>

2 commentaires

Merci! juste un problème. Si le texte est "cas fermé" et je veux cacher uniquement ceux avec juste "fermé" et pas "cas fermé", est-ce toujours possible? À l'heure actuelle, il cache également ceux avec "cas fermé" @shree

Je ne te comprends vraiment pas. Pouvez-vous fournir un autre détail sur «cas de fermeture» et où il apparaît?

3
votes

inclut ne fonctionne pas dans IE. Vous pouvez utiliser. 

<div class="row word-style table-border">
  <div class="col-md-1">Tech assistance Internal Request</div>
  <div class="col-md-1">Closed Case</div>
  <div class="col-md-1">Normal</div>
  <div class="col-md-1">New</div>
</div>

<div class="row word-style table-border">
  <div class="col-md-1">Tech assistance</div>
  <div class="col-md-1">Closed</div>
  <div class="col-md-1">Normal</div>
  <div class="col-md-1">New</div>
</div>

1 commentaires

@Arden, veuillez vérifier ce code, cela fonctionnera. Et aussi corrigera votre problème de «cas de fermeture». Merci!

Articles qui pourrait vous intéresser :

Impossible d'importer le module "@ angular / material"
Interaction profonde avec break and catch
Utilisation de node.js comment renommer tous les fichiers d'un dossier
Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO