.Append not working

Question

What i am trying to do is append the Table and its contents after *test123 that is before </span> tag is closed, but its not working, not sure what is wrong in this code ?*

JQUERY CODE

$('span[itemprop="description"]').append($('C1'));

HTML CODE

 <span itemprop='description'>test123</span> this is outside of span tag<br> <table width="200" border="1" class="C1"> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> </table>

also append is appending the stuff into your span element not after it — slash197
– slash197, Commented Feb 27, 2013 at 12:36
maybe it's just the . missing : $('.C1') to get the elements of class C1? Is that what you were trying to do? — Sebastian van Wickern
– Sebastian van Wickern, Commented Feb 27, 2013 at 12:37

Matt Cain · Accepted Answer · 2013-02-27 12:37:09Z

6

You forgot a .:

$('span[itemprop="description"]').append($('.C1'));

answered Feb 27, 2013 at 12:37

Matt Cain

5,7683 gold badges39 silver badges45 bronze badges

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

2 Comments

Dipesh Parmar Over a year ago

@user580950 i said it too so why i am down-voted.??? even this will not work because it will get object not html inside of it..

Matt Cain Over a year ago

@Dipesh Parmar Read the docs, you can use a jquery object as the argument.

Jeff Shaver · Accepted Answer · 2013-02-27 12:37:04Z

C1 isn't a valid selector. you need to use

$('span[itemprop="description"]').append($('.C1'))

James Donnelly · Accepted Answer · 2013-02-27 12:41:54Z

1

itemprop isn't a valid HTML attribute. I'm not sure if jQuery would allow this to work in the first place. You'll want to use data-itemprop instead.

$('C1') suggests you have an (again invalid) <C1> element. You need to use $('.C1') to select on the class.

edited Feb 27, 2013 at 12:41

answered Feb 27, 2013 at 12:36

James Donnelly

129k35 gold badges215 silver badges224 bronze badges

3 Comments

s.lenders Over a year ago

Does that even matter, the code works for what he tries to do. The question is not if this is valid HTML

James Donnelly Over a year ago

@s.lenders: I was editing my answer when you replied. I had previously given an invalid answer as I thought this was a different question, so had to quickly edit it. And yes, invalid HTML does matter as it's bad practice and there's no need for it.

James Donnelly Over a year ago

Also I'm not sure why this was downvoted, along with every other answer to this question...

Mandeep Pasbola · Accepted Answer · 2013-02-27 12:41:09Z

0

Change the jQuery code to :

$('span[itemprop="description"]').append($('.C1'));

answered Feb 27, 2013 at 12:41

Mandeep Pasbola

2,6392 gold badges27 silver badges50 bronze badges

Comments

Dipesh Parmar · Accepted Answer · 2013-02-27 12:41:52Z

0

$('span[itemprop="description"]').append($('.C1').clone());

You missed to define class in selector add . . Also you are appending Object to span not a html so i used .clone and its works for me.

edited Feb 27, 2013 at 12:41

answered Feb 27, 2013 at 12:36

Dipesh Parmar

27.3k8 gold badges65 silver badges92 bronze badges

1 Comment

Dipesh Parmar Over a year ago

explain down-vote..no matter if its not a HTML attribute but we can still select it...try it..it always works.

Talha Akbar · Accepted Answer · 2013-02-27 12:47:22Z

0

You should append the html, not the object. You can do like this:

$('span[itemprop=description]').append($('.C1').html());

edited Feb 27, 2013 at 12:47

Talha Akbar

10.1k7 gold badges41 silver badges62 bronze badges

answered Feb 27, 2013 at 12:36

s.lenders

1,1497 silver badges21 bronze badges

Collectives™ on Stack Overflow

.Append not working

6 Answers 6

2 Comments

Comments

3 Comments

Comments

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

2 Comments

Comments

3 Comments

Comments

1 Comment

Comments

Related