Array ID as Div ID

Posted on 2011-03-17
Medium Priority
Last Modified: 2012-05-11
How do I use data from an array as the DIV ID? As you can see in my snipit code below, I am alerting to the screen the ID element of the array which works fine.

When I put that data in as the DIV ID it just prints out $rowData.id rather than (for example) 56.
Im sure its a simple one but I am stuck :(

alert (rowData.id); //Displays Array ID
var htmlData = "<div class='rowData' id=$rowData.id style='display: none;'>";

Open in new window

Question by:Steve Tinsley
  • 2
LVL 83

Accepted Solution

leakim971 earned 2000 total points
ID: 35160032
for example :
alert (rowData.id); //Displays Array ID
var htmlData = "<div class='rowData' id='" + rowData.id + "' style='display: none;'>";

Open in new window

LVL 83

Expert Comment

ID: 35160057
Another one (using appendChild method instead innerHTML attribute) :
alert (rowData.id); //Displays Array ID

var myDiv = document.createElement("div");
//myDiv.setAttribute("id") = rowData.id;
myDiv.id = rowData.id;
myDiv.style.display = "none";


Open in new window


Expert Comment

ID: 35205816
I believe that you are using Dreamweaver's PHP code.
You are trying to add the id from the id of the database,right?
Please post a complete example for closer investigation and a better answer.

Good luck!

Expert Comment

ID: 35299255
I may have misread the question but wouldn't the solution be as simple as adjusting the example code posted to the following (posted below).

Note that you would then take the contents of htmlData  and add it to the html element of choice (via append, after, before, prepend etc)
alert (rowData.id); //Displays Array ID
var htmlData = "<div class='rowData' id='" + rowData.id + "' style='display: none;'>";

Open in new window


Featured Post

Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

600 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question