jquery - 如何在html容器中添加元素作为列堆栈？

Question

我想要这样的默认 html 结构:

我需要添加 dyanimcally Add rectangebox 并且它必须变成这样

我该怎么做？

我所做的是这样的:

<div style="width:400px;">
        <ul id="UlPopUp" style="-webkit-columns: 2; -moz-columns: 2; columns: 2;">
            <li id='liLeftDescriptions'>
                <span>Item1
                </span>
            </li>
            <li id='liLeftSkills'>
                <span>Item1</span>
            </li>
            <li id='liLeftClient'>
                <span>Item1</span>
            </li>
        </ul>
    </div>

http://jsfiddle.net/6eq56/

Answer 1

我想你可能会使用类似的东西:

var div_to_append = "<li class='some_class'><span>Item1</span></li>"
$("#clickBtn").on("click", function() {
$("#UlPopUp").append(div_to_append);
});

我使用了一个按钮 查看jfiddle http://jsfiddle.net/6eq56/2/

我假设你想触发事件 on click 或类似的东西