Question

我有一个数组：

var social = [
 ["facebook",   "#link",    "#62b500", "images/facebook.png"],
 ["instagram",  "#link",    "#62b500", "images/instagram.png"],
 ["twitter",    "#link",    "#62b500", "images/twitter.png"]
 ];

我想在某些位置的图标之间添加换行符或空格/边距。

结果应如下所示：

Facebook
Instagram
----linebreak/free space---
twitter
----linebreak/free space---
something else
something else
something else

到目前为止，我的转换代码如下所示：

$("#socialside").append('<ul class="mainul"></ul>');

    /// generating bars
    for(var i=0;i<social.length;i++){
    $(".mainul").append("<li>" + '<ul class="scli" style="background-color:' + social[i][2] + '">' +
                        '<li>' + social[i][0] + '<img src="' + social[i][3] + '"/></li></ul></li>');
                    }

我有什么可能添加换行符/空格？我怎样才能在我的JavaScript中实现这一点？

Answer 1

我就是这样的。它会好吗？每当我想要一个不同的间距时，我将不得不创建一个新的循环，但至少它对我有用。

创建一个以3个元素结束的循环。然后创建了从3到4元素开始的相同循环，并在开头添加了</br>。

for(var i=0;i<3;i++){
    $(".mainul").append("<li>" + '<ul class="scli" style="background-color:' + social[i][2] + '">' +
                        '<li>' + social[i][0] + '<img src="' + social[i][3] + '"/></li></ul></li>');

                    }


    for(var i=3;i<4;i++){
    $(".mainul").append("</br><li>" + '<ul class="scli" style="background-color:' + social[i][2] + '">' +
                        '<li>' + social[i][0] + '<img src="' + social[i][3] + '"/></li></ul></li>');
                    }

Answer 2

<br>或空<li></li>可以胜任。

如何在变量中的javascript中获取换行符

2 个答案: