CODEWITHSUNDEEP
javascriptjquery
starter
starter

Reputation: 75

Appending an element in jquery

var main_div = $('div[class^="select"]');  
var download_button = document.createElement('a');

download_button.setAttribute("id", "download");
download_button.style.color = "blue";
download_button.href = "#";
download_button.innerHTML = "Download";

main_div.append(download_button);

Nothing Happens , no new element is appended to select what is wrong with this?

Upvotes: 0

Views: 61

Answers (3)

Krzysiek
Krzysiek

Reputation: 2495

Do not mix jQuery and JS like you did...

var main_div = $('div.select');  
var download_button = $('<a id="download" style="color:blue;" href="#">Download</a>');

main_div.append(download_button);

Upvotes: 0

vikrant singh
vikrant singh

Reputation: 2111

Use

main_div.append(download_button);

Instead of 

main_div.appendTo(download_button);

Update -

DEMO

Upvotes: 1

Control Freak
Control Freak

Reputation: 13213

You can do this in jQuery like this:

 var main_div = $('div[class^="select"]'); 

 $("<a/>")
   .attr("id","download")
   .css("color","blue")
   .attr("href","#")
   .html("Download")
   .appendTo(main_div);

Upvotes: 0

Related Questions