add link to jquery append

Question

I'm trying to add a href link to jquery append. The link opens an ajax modal when clicked.

here's what I have

  $('<div/>').text(message.text).prepend($('<em/>')
  .text('Opponent: '+ opponentName + ',' + ' ' + 'Game amount: ' + message.amount + ' ' + 'tokens,' + ' ' + 'Game: ' + message.game + ' ' + '<a href="#" data-toggle="ajaxModal">accept</a>')).appendTo($('#pendingChallenges'));
        $('#pendingChallenges')[0].scrollTop =    $('    #pendingChallenges')[0].scrollHeight;

To clarify you want your structure to look like this: <div><em>message.text</em>Opponent: opponentName, Game amount: amount tokens, Game: game<a>accept</a>? — egl
– egl, Commented Jan 3, 2014 at 21:36
True! Also, I don't know what the #pendingChallenges is an id for. — egl
– egl, Commented Jan 3, 2014 at 21:43

PSL · Accepted Answer · 2014-01-03 21:29:55Z

2

You need to use html instead of text to have your html string to be represented as html instead of textcontent which is what happens when you use text.

$('<div/>').text(message.text).prepend($('<em/>')
   .html(...

answered Jan 3, 2014 at 21:29

PSL

124k21 gold badges257 silver badges243 bronze badges

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

Collectives™ on Stack Overflow

add link to jquery append

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related