use function insertAfter(); or insertBefore();
Gk___
2009/10/13 Simon Morris <moz...@gmail.com>:
>
> Hello,
>
> I'm having some problems understanding the append() function.
>
> What I'd like to do is select an element using it's ID and add a row to
> the table with a HTML form element.
>
> The table is dynamically generated using a Django template
> ( form.as_table() ) so I'm not able to alter the original HTML markup
> too much.
>
> If I had a table like this...
>
> <tr><th><label for="id_task_name">Task Name:</label></th><td><input
> type="text" name="task_name" id="id_task_name" /></td></tr>
> <tr><th><label for="id_percent_complete">Percent
> complete:</label></th><td><input type="text" name="percent_complete"
> id="id_percent_complete" /></td></tr>
> <tr><th><label for="id_start_date">Start Date:</label></th><td><input
> type="text" name="start_date" id="id_start_date" /></td></tr>
> <tr><th><label for="id_finish_date">Finish Date:</label></th><td><input
> type="text" name="finish_date" id="id_finish_date" /></td></tr>
> <tr><th><label for="id_cost">Cost:</label></th><td><input type="text"
> name="cost" id="id_cost" /></td></tr>
> <tr><th><label for="id_history">Task History:</label></th><td><textarea
> id="id_history" readonly="True" rows="10" cols="40"
> name="history"></textarea></td></tr>
>
> ... I could select the right part of the markup with
>
> $("#id_percent_complete").append("<tr><th>New Label</th><td>New Form
> Element</td></tr>")
>
> But as the documentation says it appends to the inside of the matched
> element, rather than adding it to the end. Because the element
> I have selected is a <input> it attaches my new content inside a </input>
> which isn't the result I am after.
>
> Apologies if the above is confusing - can anyone help?
>
> Thanks
>
> ~sm
>
>
>
>
