使用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>

希望你明白:-我已经用各种方法尝试了它，但我还不熟悉jQuerys元素函数。

Martti Laine

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);
    })); 
});

但是，您可能希望为空行添加某种检查。