Lets say I have struckture like this:
<div id="stuff"> <div>1</div> <div>2</div> <div>3</div> </div> The divs will be dynamically added, meaning I cant say how much there will be.
When I rearrange the divs with jquery, is there a way to acces one of them even after they are moved? Is there some dynamically way to add an id to them and/or is there another way to achieve this?
Give id to each div based on its sequence position like below:
<div> <div id='pos1'>1</div> <div id='pos2'>2</div> <div id='pos3'>3</div> </div> Then you can easily follow it using its position class irrespective its changed position.
alternatively you can use classes but they behaves slowly.
id rather than class given we want them to be unique :)
Just added a code snippet!
html:
<input class="btn teach_edit_header_buttons" style="font-family:Helvetica" type="submit" value="Add Div"> <div id='parent'></div> js:
$(function () { $("input[type=submit]").click(function () { // get the available children var len = $('#parent').children('div').length; //determine the id = length+1 var id = "item" + (len + 1); // append the child $("<div id='" + id + "'/>").html(id).appendTo("#parent"); }) }); 
You must give and id to your div when you dynamically creat them. Maybe with JQuery :
.attr("id","myid"); 