用before插入一段元素代码时遇到空格怎么处理

Question

在做一个button按钮的添加功能，添加内容如下

         function addItem() {
            $("#addItemBtn").before("<li>" +
                "<div class= " + "item-content" + " >" +
                    "<div class=" + "item-inner" + ">" +
                        "<div class=" + "item-title label" + ">"+
                            "<i class="+"fa fa-minus-circle"+" style="+"font-size:1rem;margin-left:1rem;color:red" +"></i>"+
                        "</div > " +
                        "<div class="+"item-input"+">"+
                            "<input type="+"text " +"placeholder="+"点击输入投票问题" +" />"+
                        "</div>"+
                    "</div>"+
                "</div >"+
             "</li >") 
        }

在div class=item-title label和 i class=fa fa-minus-circle这两处应该怎么处理
直接用空格的话在浏览器中跑到了引号外面

Answer 1

要学会单引号和双引号结合使用&nbsp;"<div&nbsp;class='item-title&nbsp;label'>"+