add html to div with jQuery

Question

I am trying to add some additional html to a div with id slideshow using jQuery. My code:

$("#slideshow").append("<a id="prev" title="Previous Slide">Previous Slide</a><a id="next" title="Next Slide">Next Slide</a>");

This isn't working, can anyone tell me what I am doing wrong?

Answer 1

You're mixing quotes.

Your string goes from the first " to the second " , meaning that the string only contains "<a id=" . The string is followed by the identifier prev , then another string, creating a syntax error.

Change the outer quotes around the string to ' , like this:

'<a id="prev" title="Previous Slide">Previous Slide</a><a id="next" title="Next Slide">Next Slide</a>'

Answer 2

你没有逃脱你的报价最好的解决方法是将附加单引号

$("#slideshow").append('<a id="prev" title="Previous Slide">Previous Slide</a><a id="next" title="Next Slide">Next Slide</a>');