javascript - 将数组中的第一项包装在标签中,并将以下项目包装在其他一些标签中

标签 javascript jquery arrays lodash

好吧,让我们假设我有一个像 [1,a,b,c] 这样的项目数组。

我想要实现的是拥有这样的东西:

<span>1</span>
<p>a</p>
<p>b</p>
<p>c</p>

如果我可以为元素分配一个相应的类名称,例如 class="1"、class="a"...等等,那就太酷了。

最佳答案

您可以使用$.map()

var arr = [1,"a","b","c"]; var els = ["<span/>", "<p/>"];

var elems = $.map(arr, function(value, index) {
  return $(index === 0 ? els[0] : els[1], {html:value, "class":value})[0]
});

console.log(elems);

$("body").html(elems)

var arr = [1,"a","b","c"]; var els = ["<span/>", "<p/>"];

var elems = $.map(arr, function(value, index) {
  return $(index === 0 ? els[0] : els[1], {html:value, "class":value})[0]
});

console.log(elems);

$("body").html(elems)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<body></body>

关于javascript - 将数组中的第一项包装在标签中,并将以下项目包装在其他一些标签中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36376813/

相关文章:

javascript - 在 Ext Js 中使 Ext GridPanel 在 ext 窗口内可调整大小

javascript - 如何在 slider 中显示图像

javascript - wordpress flexslider 不是函数

javascript - jQuery 无法与 cakephp 2.0 一起使用

jquery - 使用 jQuery 从中间缩放图像

java - 基本 Java 数组 - 输出

C 编程 while 循环和数组结构

javascript - Angular 模态下拉菜单有时向上方向打开

javascript - 检查 Javascript 数组以查看值是否以特定值开头

javascript - 使用动画循环更改 html 元素