JQuery / JS variable to alert text

Question

I have this code:

$('#output').html("<strong>id:</strong>"+id);

then

<div id="output">this element will be accessed by jquery and this text replaced</div>

The above works fine but what I need is for the output to go into an alert so....

<a href="#" onclick="alert('OUTPUT GOES HERE')">Alert Me</a>  <- See here

How can this be done?

@banzsh: That is incorrect. See this answer to Will the <b> and <i> tags ever become deprecated? — mellamokb
– mellamokb, Commented Nov 19, 2012 at 15:56
I may be wrong but quite sure I read it on w3c spec that cannot find now. However I'd like styling to be exclusively in stylesheet than html and stylesheet :) Cheers — banzsh
– banzsh, Commented Nov 19, 2012 at 16:09

Sampson · Accepted Answer · 2012-11-19 15:51:17Z

1

Give the anchor some type of id or attribute that can be used to look it up:

<a href="#" id="alertOutput">Alert Me</a>

Then bind to its click event to alert the text content of the #output element:

$("#alertOutput").on("click", function(e){
    e.preventDefault();
    alert( $("#output").text() );
});

The e.preventDefault() portion will prevent the page from jumping back to the top of the document when the anchor is clicked.

answered Nov 19, 2012 at 15:51

Sampson

269k76 gold badges546 silver badges570 bronze badges

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

2 Comments

Chad Over a year ago

Ha! We had the same answer :P

Sampson Over a year ago

@Chad Genius minds think alike, and it was a fairly basic question :)

Chad · Accepted Answer · 2012-11-19 15:51:52Z

1

Not sure I exactly understand what you are asking, bind the click event instead of the onclick attribute.

HTML:

<a href="#" id="alertAnchor">Alert Me</a>

JavaScript:

$('#alertAnchor').on('click', function(e) {
    e.preventDefault();
    alert($('#output').text());
});

Hope this helps, if you clarify what you are looking for I can edit.

answered Nov 19, 2012 at 15:51

Chad

19.6k4 gold badges54 silver badges75 bronze badges

Comments

Andrei Cristian Prodan · Accepted Answer · 2012-11-19 15:56:48Z

1

or if you are lazy and want a quick fix:

<a href="#" onclick="e.preventDefault(); alert($('#output').html())">Alert Me</a>  <- See here

answered Nov 19, 2012 at 15:56

Andrei Cristian Prodan

1,1224 gold badges17 silver badges34 bronze badges

Collectives™ on Stack Overflow

JQuery / JS variable to alert text

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related