附加JavaScript

Question

我正在尝试将元素附加到页面的<div>，但它无效。

Page1（index.php）

<a href=" another.php " id="p1id" type="button">Go to page 2</a>

Page2（another.php）

<div id=p2id></a>

JavaScript（jqtest.js）

$.("#p1id").click(function(){
    $.("#p1id").append()
});

Answer 1

问题

$.("#p1id").click(function(){
-^here
 $.("#p1id").append()
--^ here
});

删除.

Answer 2

试试这个：

<div id="p2id"></div>

...

$("#p1id").click(function(event){
    $("#p1id").append();
    event.preventDefault();
    return false;
});

另外：

1. 您需要append某事
2. 看起来您正在使用锚点<a/>作为按钮。您需要阻止默认操作，即加载页面。

Answer 3

你也在没有参数的情况下调用append()。它需要一个content参数。

http://api.jquery.com/append/

Answer 4

如果你的html是

<div id="p1id">A div<div>​

您可以追加

$(function(){
    $('#p1id').click(function(e){
        var myP=$('<p class="myClass">New paragraph</p>');
        $(this).append(myP);
    });
});​

一个例子是here。