Complex query of tables within tab set

Complex query of tables within tab set


Keeping this explanation short I have in my project a tab set that contains one table in each tab. What I want
is to access the input field values of each table. The output should identify the table using its id and all
using their id and value if the input has a value.


Thanks for the help having trouble getting my head around jQuery on this.

The output should be:
" {'table_name', 'attribute_name', 'attribute_value'}, {'table_name', 'attribute_name', 'attribute_value'} "

<div id="tab_sua_attrib_dlg" title="Group Attributes" style="display:none">
 <div id="tab_sua_attrib" >
  <ul>
   <li><a href="#tab-uw">UnderWriter</a></li>
   <li><a href="#tab-allitweb">All-IT-Web</a></li>
   <li><a href="#tab-user">User</a></li>
   <li><a href="#tab-approver">Approver</a></li>
  </ul>
  <div id="tab-uw" class="tab_sua_attrib_show">
   <table id="tble_uw">
    <tr>
     <th>Attribute</th>
     <th>Value</th>
    </tr>
    <tr>
     <td>Attribute#1:</td><td><input id="uw_attr1" type="text" /></td>
    </tr>
    <tr>
     <td>Attribute#2:</td><td><input id="uw_attr2" type="text" /></td>
    </tr>
    <tr>
     <td>Attribute#3:</td><td><input id="uw_attr3" type="text" /></td>
    </tr>
   </table>
  </div>
  <div id="tab-allitweb" class="tab_sua_attrib_show">
   <table id="table_allitweb">
    <tr>
     <th>Attribute</th>
     <th>Value</th>
    </tr>
    <tr>
     <td>Attribute#1:</td><td><input id="allitweb_attr1" type="text" /></td>
    </tr>
    <tr>
     <td>Attribute#2:</td><td><input id="allitweb_attr2" type="text" /></td>
    </tr>
    <tr>
     <td>Attribute#3:</td><td><input id="allitweb_attr3" type="text" /></td>
    </tr>
    <tr>
     <td>Attribute#4:</td><td><input id="allitweb_attr4" type="text" /></td>
    </tr>
    <tr>
     <td>Attribute#5:</td><td><input id="allitweb_attr5" type="text" /></td>
    </tr>
    <tr>
     <td>Attribute#6:</td><td><input id="allitweb_attr6" type="text" /></td>
    </tr>
   </table>
  </div>
  <div id="tab-user">
   <table id="table_user">
    <tr>
     <th>Attribute</th>
     <th>Value</th>
    </tr>
    <tr>
     <td>Attribute#1:</td><td><input id="user_attr1" type="text" /></td>
    </tr>
    <tr>
     <td>Attribute#2:</td><td><input id="user_attr2" type="text" /></td>
    </tr>
    <tr>
     <td>Attribute#3:</td><td><input id="user_attr3" type="text" /></td>
    </tr>
   </table>
  </div>
  <div id="tab-approver">
   <table id="table_approver">
    <tr>
     <th>Attribute</th>
     <th>Value</th>
    </tr>
    <tr>
     <td>Attribute#1:</td><td><input id="approver_attr1" type="text" /></td>
    </tr>
    <tr>
     <td>Attribute#2:</td><td><input id="approver_attr2" type="text" /></td>
    </tr>
    <tr>
     <td>Attribute#3:</td><td><input id="approver_attr3" type="text" /></td>
    </tr>
   </table>
  </div>
 </div>
</div> <%-- end suser_add_edit --%>