Wenn das div leer ist, legen Sie das container-div auf "display:none"

Ich habe versucht, diesen code für den vergangenen Tag, während der Suche durch die Foren, aber ohne Erfolg.

Ich bin auf der Suche zu verbergen container div wenn einer der div's im inneren, der keinen Inhalt hat.

Das Skript habe ich unter:

$('.video-centre').each(function(){
  if ($(this).find('.video-thumb p').text().length == "")
    $(this).find('.video-centre').css("display", "none");

});

HTML-Code, ich bin versucht, diese zu unter:

<div class="video-centre">
  <div class="video-point">
    <img src="<?php echo get_bloginfo('template_url') ?>/images/video-point.jpg" alt="video pointer" />
  </div>
  <div class="video-thumb">
    <?php the_field('testimonials'); ?>
  </div>
  <p class="video-more">
    <a href="javascript:animatedcollapse.show(['expandable-1'])">View More</a>
  </p>
  <div id="expandable-1">
    <div class="video-thumb">
      <?php the_field('testimonials_hidden'); ?>
    </div>
    <p class="video-close">
      <a href="javascript:animatedcollapse.hide(['expandable-1'])">Close</a>
    </p>
  </div>
</div>

Grundsätzlich innerhalb von wordpress, der Kunde hat die Möglichkeit zum hinzufügen von videos, es ist ein bisschen lange umständlich, aber Sie wickeln sich in p - tags. Allerdings, wenn Sie nicht alles hochladen, was auf einen bestimmten Bereich, ich möchte den container div zu haben display:none, was nur Container angezeigt, wenn videos hochgeladen wurden.

Wenn es ist ein einfacher Weg, um Blick auf die div und sagen, wenn es leer ist, dann Holen Sie container div zu keine anzeigen würde ich gerne mal probieren.

InformationsquelleAutor Paul Mckay | 2012-09-07

7

Verwenden :empty pseudoclass
```
if ($(this).find('.video-thumb p').is(':empty'))
```
diese überprüft, ob Sie einen leeren Absatz (<p></p>), während
```
if ($(this).find('.video-thumb').is(':empty'))
```
prüft eine leere .video-thumb element

Nach deinem edit: wenn du Leerzeichen im div die Bedingung false zurück, so ist es besser, einfach zu überprüfen,
```
if ($(this).find('.video-thumb p').length === 0)
```
Beispiel Geige : http://jsfiddle.net/6nyF8/6/
- Danke für die schnelle Antwort, ich habe nur noch diese, aber ohne Erfolg. Blick auf die Konsole, ich sehe keine Konflikte mit anderen js-Dateien, daher die Verwirrung darüber, warum es nicht funktioniert.
- poste bitte ein Turnschuh, bei Ihren versuchen, und aktualisieren Sie die Frage mit einem link
- Nur noch einen fiddle-link, ich habe 2 Container, mit Inhalt und ohne zu arbeiten, und wie Sie sehen können ist der script nicht arbeiten wollen
- 1) wählen Sie die jQuery-Bibliothek in die Geige 🙂 (nicht mootools) 2) empty gibt false zurück, wenn Sie haben Räume im inneren des element 3) In Ihrem speziellen Fall ist es besser, zu prüfen, ob Absatz oder nicht, so sehen meine nächsten update
- 4) die Bedingung innerhalb der if falsch ist
- Entschuldige bitte, ich bin der neue Geige so nicht erkennen. Ich habe aktualisiert die Geige mit der neuen Bibliothek und ohne Leerzeichen in der konkreten div. jsfiddle.net/6nyF8/7
- werfen Sie einen Blick auf meine fiddle (siehe die Antwort aktualisiert) 🙂
- 🙂 danke, dass...aber..... würde Sie wissen, warum es funktioniert nicht auf der eigentlichen Website?
InformationsquelleAutor fcalderan

Könnte man es machen, gibt es verschiedene Möglichkeiten.

$('.video-centre').each(function(){
   if($(this).find('div.video-thumb').html('') == '')
      $(this).hide();
});

ODER

$('.video-centre').each(function(){
   if($(this).find('div.video-thumb').children().length == 0)
      $(this).hide();
});

InformationsquelleAutor Burimi

if ($(this).find('.video-thumb p').text() == "")

oder

if ($(this).find('.video-thumb p').is(':empty'))

InformationsquelleAutor Andrea Turri

Hoffe, ich verstehe die Q hier ist die fiddle ich kam mit. Schön und einfach.

if ($('.video-centre').find('div:hidden').size() > 0) {
    $('.video-centre').children().hide();
}

InformationsquelleAutor Dean

0

ich würde versuchen remowing Zeilenumbrüche zwischen den html-tags und
```
<div class="video-thumb">
<?php the_field('testimonials'); ?>
</div>
```
sollte
```
<div class="video-thumb"><?php the_field('testimonials'); ?></div>
```
aber Sie können auch den trick tun in PHP:
```
<?php if (the_field('testimonials')=="") $style=" style='display:none'";?>
<div class="video-thumb" <?php print $style;?>>
<?php the_field('testimonials'); ?>
</div>
```
- Die php gearbeitet..irgendwie... ist Es nur entfernt die video-Daumen div, während ich das video brauchst-Center div verschwinden, wenn der Inhalt weder erkennbar. Auch, wenn die Zugabe zu den anderen Behältern in die Seite, es get rid von div-auch wenn es ist content vorhanden.
- Ok, ich sehe, in diesem Fall setzen Sie die erste Zeile (<?php if (the_field... am Anfang des html so, dass es alle immer: <?php if (the_field('Referenzen')=="") $style=" style='display:none'";?> <div class="video-Center" <?php print $Stil ?>>
InformationsquelleAutor user1555320
0

Können Sie auch überprüfen, string mit striptags Funktion so von Ihrer "testimonials" Wert entfernen tags mit php eingebaute Funktion "striptags" so, jetzt nur text bleiben, das können Sie so leicht vergleichen.

InformationsquelleAutor dipmala

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.