Faire une liste de chaque ligne séparée avec jQuery

Question

J'aimerais savoir comment créer une liste à partir d'un bloc de texte. Permettez-moi d'expliquer ..

Voici mon html:

<div class="asd"> 
well 
worth 
it 
</div> 

Et cela devrait être converti automatiquement à la liste comme ceci:

<div class="asd"> 
<ul> 
<li>well</li> 
<li>worth</li> 
<li>it</li> 
</ul> 
</div> 

espère que vous comprenez :-D Je l'ai déjà essayé avec diverses méthodes mais je ne suis pas encore familier avec les fonctions-éléments de jQuerys.

Lainé Martti

Answer 1

Quelque chose comme ça devrait faire l'affaire:

$(".asd").each(function() { 
    var list = $("<ul>").insertBefore(this); 
    var lines = $(this).remove().text().split("\n"); 
    list.append($.map(lines, function(str) { 
     return $("<li>").text(str).get(0); 
    })); 
}); 

Vous pouvez ajouter une sorte de chèque pour les lignes vides, cependant.