ページの に要素を追加しようとしています<div>が、機能していません。
ページ 1 (index.php)
<a href=" another.php " id="p1id" type="button">Go to page 2</a>
ページ 2 (another.php)
<div id=p2id></a>
JavaScript (jqtest.js)
$.("#p1id").click(function(){
$.("#p1id").append()
});
ページの に要素を追加しようとしています<div>が、機能していません。
ページ 1 (index.php)
<a href=" another.php " id="p1id" type="button">Go to page 2</a>
ページ 2 (another.php)
<div id=p2id></a>
JavaScript (jqtest.js)
$.("#p1id").click(function(){
$.("#p1id").append()
});
問題
$.("#p1id").click(function(){
-^here
$.("#p1id").append()
--^ here
});
を削除します.
これを試して:
<div id="p2id"></div>
...
$("#p1id").click(function(event){
$("#p1id").append();
event.preventDefault();
return false;
});
加えて:
append何かをする必要があります<a/>ボタンとしてアンカーを使用しているようです。ページをロードするデフォルトのアクションを防止する必要があります。append()また、引数なしで呼び出しています。content引数が必要です。
あなたのhtmlが
<div id="p1id">A div<div>
のように追加できます
$(function(){
$('#p1id').click(function(e){
var myP=$('<p class="myClass">New paragraph</p>');
$(this).append(myP);
});
});
例はこちらです。