Appending JavaScript

Question

I am am trying to append an element to a <div> of a page, but it is not working.

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()
});

get rid of the . between $ and your selector, for starters. — Evan Davis
– Evan Davis, Commented Apr 5, 2012 at 20:55
In Page2, you're closing a <div> tag with </a>. That's invalid. Also, just calling the append method with no argument is meaningless. — FishBasketGordo
– FishBasketGordo, Commented Apr 5, 2012 at 20:56
what are you appending? Why the dots? What does page 2 has to do with this? — DA.
– DA., Commented Apr 5, 2012 at 20:57
you cannot append from one document to another without ajax. — Fresheyeball
– Fresheyeball, Commented Apr 5, 2012 at 20:58

Rafay · Accepted Answer · 2012-04-05 20:56:22Z

5

the problem

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

remove the .

answered Apr 5, 2012 at 20:56

Rafay

31.1k5 gold badges71 silver badges106 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Joe · Accepted Answer · 2012-04-05 20:56:50Z

2

try this:

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

...

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

In addition:

You need to append something
It looks like you are using an anchor, <a/>, as a button. You will need to prevent the default action, which would be to load a page.

answered Apr 5, 2012 at 20:56

Joe

82.9k18 gold badges130 silver badges147 bronze badges

Comments

ceejayoz · Accepted Answer · 2012-04-05 20:58:02Z

0

You're also calling append() with no arguments. It needs a content argument.

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

answered Apr 5, 2012 at 20:58

ceejayoz

181k42 gold badges311 silver badges382 bronze badges

Comments

The Alpha · Accepted Answer · 2012-04-05 21:02:56Z

0

If your html is

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

You can append like

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

An example is here.

answered Apr 5, 2012 at 21:02

The Alpha

147k30 gold badges294 silver badges313 bronze badges

Collectives™ on Stack Overflow

Appending JavaScript

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related