javascript - Javascript 即时添加 Div，点击 ul 列表链接

Question

我试图取代必须创建一个子列表，而是我想通过 javascript/jquery 添加 div。

这是我所拥有的：

<script>
function makepage() {
var myvariable1="myTitle";
var newPage = $("<div>'+myvariable1+'</div");
//appendTo here?
</script>

...

然后是列表：

<ul>
<li>
<a href="#" id="myid" onclick="makepage();">Click Here</a>
</li>
</ul>

动态创建它的原因代码是我想在内部传递一些变量，我不想使用表单/帖子等......

单击 myid 链接时如何使 newPage 出现？

Answer 1

只需确保使用开头的引号并附加到正文或您想要的元素：

<script>
    function makepage() {
        var myvariable1="myTitle";
        var newPage = $("<div>"+myvariable1+"</div>");
        $("body").append(newPage);
    }
</script>

Answer 2

不要创建特定函数并使用内联委托，请尝试以下操作：

<ul>
    <li>
        <a href="#" id="myid">Click Here</a>
    </li>
</ul>

$('#myid').click(function() {
    var myvariable1 = "myTitle";
    var newPage = $("<div>"+myvariable1+"</div>");
    $('body').append(newPage);
});​

演示