时间戳

首页 > 解决方案 > 如何使用 jQuery 在循环中将链接附加到 ul？

javascript - 如何使用 jQuery 在循环中将链接附加到 ul？

问题描述

我有一组要添加到ul列表中的用户。当我将用户作为li元素添加到列表中时，代码可以正常工作：

users = ['Bob','Mary', 'Mike']
var ul = $('<ul></ul>');
users.forEach(function (user) {
 ul.append($('<li><strong><strong></li>').text(user));
});
$('#users').html(ul);

但是我想要将用户添加为超链接文本，以便可以单击它们，例如，我想Bob被渲染为：

<li><strong><a href='#' id="Bob">Bob</a><strong></li>

但是无论我尝试什么，我都无法将a元素附加到ul上面。感谢你的帮助。

标签： javascriptjquery

解决方案

您可以使用+运算符连接：

users = ['Bob','Mary', 'Mike']
var ul = $('<ul></ul>');
users.forEach(function (user) {
  ul.append($('<li><strong><a href="#" id="' + user + '">' + user + '</a></strong></li>'));
});
$('#users').html(ul);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="users"></div>

推荐阅读