jQuery cacher div parent si l'enfant div est vide

J'ai regardé autour et a trouvé un grand nombre de questions à ce sujet, mais aucune des solutions de travail pour moi. J'ai une structure comme ceci:

<div class="pricetag">
    <div class="price">400</div>
</div>

<div class="pricetag">
    <div class="price"></div>
</div>

<div class="pricetag">
    <div class="price">250</div>
</div>

Ce que je veux faire est de cacher la .pricetag où .le prix ne contient pas de rien.
Il peut être un beaucoup de différents .pricetag est sur la même page, mais je veux juste cacher ceux avec le vide .prix.

Est-ce possible avec jQuery? J'en ai essayé beaucoup de scripts différents, mais aucun n'a fonctionné correctement.

Chacun .pricetag l'élément de jamais l'un .price élément?
- Je insérer fr. dans le début et :- à la fin de chaque .pricetag. Donc si .prix contenu, il est <div class="pricetag">fr.<div class="prix">200</div>:-</div>. Si .le prix est vide, c'est <div class="pricetag">fr.<div class="prix"></div>:-</div>
Mais vous ne l'avez jamais <div class="pricetag">fr.<div class="price">200</div><div class="price"></div>:-</div>, droit?

InformationsquelleAutor Daniel | 2012-07-02

18

Vous pouvez utiliser le vide sélecteur et de la parent méthode, en supposant que le vide .price éléments, ils ne contiennent aucune des nœuds de texte (par exemple, un caractère de nouvelle ligne):
```
$(".price:empty").parent().hide();
```
Voici un exemple de travail.
- Ce fixe! Merci beaucoup! J'ai seulement essayé d'utiliser des instructions if pour vérifier si la div est vide. Merci encore. Je vais donner la réponse dès que j'ai le droit de le faire 🙂
- Tu es la bienvenue, content d'avoir pu aider 🙂
- Habile façon de faire. J'étais pas au courant de la :empty sélecteur. Merci
- Vous êtes les bienvenus 🙂 Juste être conscient que d'un seul espace, ou une nouvelle ligne, ou quoi que ce soit d'autre entre la balise de début et la balise de fin sera considéré comme un nœud de texte, ce qui signifie que le :empty sélecteur ne sera pas le match.
- Que je suis déjà au courant. Merci quand même 🙂
InformationsquelleAutor James Allardice

$('.price').each(function(){
  if ($(this).text().length == 0) {
    $(this).parent().hide()
  }
})

InformationsquelleAutor undefined

1

de travail démo http://jsfiddle.net/mm4pX/1/

Vous pouvez utiliser .is(':empty') pour vérifier si la div est vide et puis faire de la div parent caché.

Espère que cette aide,

code
```
$('.price').each(function() {
    if $('.price').is(':empty') $(this).parent().hide()
});
```
- Il n'y a pas besoin de parcourir toutes les .price éléments. Le parent et hide méthodes s'appliquent à tous les éléments de l'ensemble.
- Aha merci :) j'étais en train de lire le post ci-dessus, cool, bravo pour ça!
InformationsquelleAutor Tats_innit

Cette jquery code il

$(function(){
  $(".price").each(function(){
    if($(this).html()=="")
      $(this).parent(".pricetag").hide();
  });
});

jsbin exemple : http://jsbin.com/ovagus

InformationsquelleAutor Clyde Lobo

essayer ce script jQuery

$(document).ready(function(e)
{
    $('div.pricetag').each(function(key, value)
    {
        if(!$('div.price', value).html()) $(value).hide();
    });
});

InformationsquelleAutor RRcom Resty

La :empty sélecteur de ne pas sélectionner un élément s'il contient des espaces. Si c'est un problème, alors vous pouvez couper l'élément à partir des espaces:

function isEmpty(element){
  return !$.trim(element.html())
}

$(".box").each(function() {
  var box = $(this);
  var body = box.find(".box-body");

  if(isEmpty(body)) {
    console.log("EMPTY");
    box.hide();
  } 
});

http://codepen.io/DanAndreasson/pen/jWpLgM

InformationsquelleAutor Dan Andreasson

Vous devez vous connecter pour publier un commentaire.