Составление списка каждой отдельной строки с помощью jQuery

Question

Я хотел бы знать, как создать список из блока текста.Позвольте мне объяснить ..

Вот мой HTML:

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

И это должно быть автоматически преобразовано в список следующим образом:

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

Надеюсь, вы поняли :-DЯ уже пробовал это различными способами, но я пока не знаком с элементами-функциями jQuerys.

Марти Лайне

Answer 1

Примерно так должно получиться:

$(".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);
    })); 
});

Возможно, вы захотите добавить какую-то проверку на пустые строки.