jQuery Forum

Posting the related markup would help us to see what your doing and what the other elements in the code are. Your adding rows in two places in your code, which one do you need the help with? Can you create a fiddle that shows what you're trying to do with the appropriate markup in it?

Well, if you want all the code, I can post it, but you (and I ) really don't care of this noise.
The ptype is a radio at the beginning of the form, but it could be a select or anything elese, doesn't matter. The only important thing is: I create a DOM element but I don't know how to get it as a jQuery object when I don't have any listener added to it.

The rest of the markup isn't just noise if it helps to figure out how to help you. There are a number of different ways to do almost everything with jQuery and usually finding the best way is based on the markup and the rest of the code.

Ok, I'll try to explain it better.

I've a html table, in the first row I've a radio selector (ptype).

When changed to a particular value, it adds a row (id=adder_X_X) containing 2 links : "sub-serie" and "element".
When clicking on "element", I want to add some HTML code before this row. If you click twice on this link, you'll add twice the HTML.

When you click on sub-serie, it adds a new row id=adder_X_X (the values of X change) after the current and the links run the same way, but before and after this new row.

My trouble is not to add the row in the DOM, my trouble is that the way I do it doesn't let me treat it as a "static" DOM element.


Current code: http://jsfiddle.net/RLABQ/

What do you mean "treat it as a static dom element"? What do you want to do with it after you add it? From what I can see you code is working, I'm not sure if it is working how you want it to though. Is it doing something wrong? Or not doing something?

Well, my code isn't complete yet, I'm blocked with this trouble.
The "1_1" I send will be calculated and each row will have an unique id.

But I need the way to catch the inserted rows as jQuery objects, I can't go further without it.

Please, dont focalize on the code I gave, I know it is totaly incomplete and quite unfunctionnal.

When do you need to get a handle to them? Right after you create them or at some other point? I don't see anything in your code where you're trying to use them. What do you want to do with them? 

Dave

Well, this is a page to add books to a library. Books can be in a serie or in a serie containing sub-series. This last case is the one I'm treating and I'll explain.

The page contains only radios (ptype) and a form in two parts: general and book. The user select "complex serie" : it adds, after the "book" form, a local action bar (my new row with id adder_1_1) with two links (add book and add sub-serie).
- The "add book" link must clone the book form just before adder_1_1
- The "add sub-serie" link must add after adder_1_1 a new local action bar, whith id adder_2_1. it contains the same links than the previous one, but clicking on its links will add book or new row before or after itself.

So, the usage of the id is not just after creation, it's when clicking on one of the generated link.

So all you need is way to get a handle to the row that the link is in? I would get rid of the inline onclick handler and use a jQuery event handler, then you can give the links a common class so they look like this

I'll try that, I think it's exactly what I was looking for. But I think I'll have to append my tr, then its td and then the links. Heavy code for a small row, but if it works, it's perfect :)

Thanks Dave, I've now a theorical functionnal code: http://jsfiddle.net/7m4Vr/1/
I just have to make it really functionnal and optimise it, but it works !