Ajouter du contenu si l'élément n'est pas vide

HTML:

<div id="parent"> 
  <div class="child"></div> 
  <div class="child"><p>Div with content<p></div> 
  <div class="child"><img scr="pic.png" alt="Div with picture" /></div>
</div>

Résultat que je souhaite: 

<div id="parent"> 
  <div class="child"></div> 
  <div class="child"><h1>title</h1><p>Div with content<p></div> 
  <div class="child"><h1>title</h1><img scr="pic.png" alt="Div with picture" /></div>
</div>

Mon jQuery code:

$(".child").each(function() {
    if ($(this).html != '')
        $(this).prepend('<h1>title</h1>');
});

Résultat avec mon jQuery code:

<div id="parent"> 
  <div class="child"><h1>title</h1></div> 
  <div class="child"><h1>title</h1><p>Div with content<p></div> 
  <div class="child"><h1>title</h1><img scr="pic.png" alt="Div with picture" /></div>
</div>

Donc, je veux juste ajouter un titre à chaque div d'une certaine classe qui n'est pas vide.

source d'informationauteur Puyol | 2012-05-04

  1. 19
    $(".child:not(:empty)").prepend('<h1>title</h1>');

    jQuery vide sélecteur

  2. 4
    $(".child").each(function() {
    if ($(this).html())
        $(this).prepend('<h1>title</h1>');
});
  3. 4
    $("#parent .child").each(function() {
    if ($.trim($(this).html()).length > 0 )
        $(this).prepend('<h1>title</h1>');
});
  4. 1

    Utiliser la longueur de vérifier la place.

    $(".child").each(function() {
    if ($(this).html().length)
        $(this).prepend('<h1>title</h1>');
});
  5. 0

    Vous avez un unclosed <p> et pour obtenir le sélecteur de code html, vous utilisez une fonction, pas un attribut : 

    $(this).html()

    votre violon
    http://jsfiddle.net/bCKGV/

    mine
    http://jsfiddle.net/bCKGV/1/

  6. 0

    Essayez ceci:

     $(".child:not(:empty)").prepend('<h1>title</h1>');

    OU:

    $("#parent .child").each(function() {
    if ($(this).html())
        $(this).prepend('<h1>title</h1>');
});