Editing Variable-Length Line Item Edits (section)

=== Line item listings ===

* Outer container has `.line-items-container` class. 
** This element does not get modified by jQuery.
** The class is used as a selector in jQuery to target the parent of the individual line items.
* Each individual line item element has `.line-item` class. 
** The class name is used as a selector in jQuery to assign edit handlers to the individual line items.
** When iterating through the line item objects in PHP, they should be rendered using a separate PHP include file. This way, that line item include file can be shared between the front-end PHP template and the AJAX script that updates page content.
** The `.line-item` element must have the following attributes defined:
*** `data-id`: Record id of the line item in the database.
*** `data-type`: PHP class name of the object that can fetch and save the line item data to and from the database. 
* New item button:<syntaxhighlight lang="html4strict" enclose="div">
<button class="add-line-btn" data-pid="[PARENT_RECORD_ID]" data-type="[CONTENT_PHP_CLASS_NAME]" title="add new [OBJECT NAME]">add new [OBJECT_NAME]</button>
</syntaxhighlight>