Chargement des balises li dans la balise ul en utilisant JQuery

Question

J'ai une liste non ordonnée vide dans ma conception. Maintenant, je veux ajouter ce qui suit à l'élément ul:

<li> 
    <div class="item left"> 
    <div class="wrap"> 
     <h2>Test Header1</h2> 

     <p>Test Copy</p> 

     <p><a class="button" href="#">Click here</a></p> 
    </div> 

    <img src="images/bubble.jpg" width="248" height="211" class="right" /> 
    </div> 
</li> 

Avec le setInterval, je veux ajouter un autre élément li/contenu à l'élément ul sans supprimer le premier li ajouté. Comment puis-je y parvenir en utilisant jQuery?

Answer 1

Utilisation .append: $('ul').append('<li>....</li>');

Answer 2

Regardez dans .append pour cela, par exemple: $("ul").append(li_html_here); portent juste à l'esprit que vous voulez spécifier ul avec plus que $ (« ul ») sinon vous ajouter ce li à chaque ul sur la page (par exemple: ajouter un ID).

Answer 3

1. Réécrivez votre code comme suit

<li class="firstli"> 
    <div class="item left"> 
    <div class="wrap"> 
     <h2>Test Header1</h2> 
     <p>Test Copy</p> 
     <p><a class="button" href="#">Click here</a></p> 
    </div> 
    <img src="images/bubble.jpg" width="248" height="211" class="right" /> 
    </div> 
</li> 

2. Et utiliser le ci-dessous:

$('ul').append($('.firstli'));