How to find right selector of my selected element
Hi, see the 60th line. i want to get that record. how can i use selector to get that element value (28). i am using jtable and that element was displaying as a second level child.
Thanks Venkat
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable ui-resizable" style="display: none; position: absolute;" tabindex="-1" role="dialog" aria-describedby="ui-id-1" aria-labelledby="ui-id-2">uiDraggable=Object { element={...}, uuid=4, eventNamespace=".draggable4", more...}uiResizable=Object { element={...}, uuid=5, eventNamespace=".resizable5", more...}
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable ui-resizable" style="display: none; position: absolute;" tabindex="-1" role="dialog" aria-describedby="ui-id-3" aria-labelledby="ui-id-4">uiDraggable=Object { element={...}, uuid=10, eventNamespace=".draggable10", more...}uiResizable=Object { element={...}, uuid=11, eventNamespace=".resizable11", more...}
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable ui-resizable" style="display: none; position: absolute;" tabindex="-1" role="dialog" aria-describedby="ui-id-5" aria-labelledby="ui-id-6">uiDraggable=Object { element={...}, uuid=16, eventNamespace=".draggable16", more...}uiResizable=Object { element={...}, uuid=17, eventNamespace=".resizable17", more...}
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable ui-resizable" style="display: none; position: absolute;" tabindex="-1" role="dialog" aria-describedby="ui-id-7" aria-labelledby="ui-id-8">uiDraggable=Object { element={...}, uuid=22, eventNamespace=".draggable22", more...}uiResizable=Object { element={...}, uuid=23, eventNamespace=".resizable23", more...}
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable ui-resizable" style="display: none; position: absolute;" tabindex="-1" role="dialog" aria-describedby="ui-id-9" aria-labelledby="ui-id-10">uiDraggable=Object { element={...}, uuid=28, eventNamespace=".draggable28", more...}uiResizable=Object { element={...}, uuid=29, eventNamespace=".resizable29", more...}
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable ui-resizable" style="display: none; position: absolute;" tabindex="-1" role="dialog" aria-describedby="ui-id-11" aria-labelledby="ui-id-12">uiDraggable=Object { element={...}, uuid=34, eventNamespace=".draggable34", more...}uiResizable=Object { element={...}, uuid=35, eventNamespace=".resizable35", more...}
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable ui-resizable" style="display: none; position: absolute;" tabindex="-1" role="dialog" aria-describedby="ui-id-13" aria-labelledby="ui-id-14">uiDraggable=Object { element={...}, uuid=40, eventNamespace=".draggable40", more...}uiResizable=Object { element={...}, uuid=41, eventNamespace=".resizable41", more...}
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable ui-resizable" style="display: none; position: absolute;" tabindex="-1" role="dialog" aria-describedby="ui-id-15" aria-labelledby="ui-id-16">uiDraggable=Object { element={...}, uuid=46, eventNamespace=".draggable46", more...}uiResizable=Object { element={...}, uuid=47, eventNamespace=".resizable47", more...}
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable" style="display: none;" tabindex="-1" role="dialog" aria-describedby="dialog-confirm" aria-labelledby="ui-id-17">uiDraggable=Object { element={...}, uuid=52, eventNamespace=".draggable52", more...}
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front dlg-no-close ui-draggable" style="height: auto; width: 750px; top: 378px; left: 296px; display: none;" tabindex="-1" role="dialog" aria-describedby="dialog-comp" aria-labelledby="ui-id-18">uiDraggable=Object { element={...}, uuid=55, eventNamespace=".draggable55", more...}
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable ui-resizable" style="display: none; position: absolute;" tabindex="-1" role="dialog" aria-describedby="ui-id-19" aria-labelledby="ui-id-20">uiDraggable=Object { element={...}, uuid=60, eventNamespace=".draggable60", more...}uiResizable=Object { element={...}, uuid=61, eventNamespace=".resizable61", more...}
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable ui-resizable" style="display: none; position: absolute;" tabindex="-1" role="dialog" aria-describedby="ui-id-21" aria-labelledby="ui-id-22">uiDraggable=Object { element={...}, uuid=66, eventNamespace=".draggable66", more...}uiResizable=Object { element={...}, uuid=67, eventNamespace=".resizable67", more...}
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable ui-resizable" style="display: none; position: absolute;" tabindex="-1" role="dialog" aria-describedby="ui-id-23" aria-labelledby="ui-id-24">uiDraggable=Object { element={...}, uuid=72, eventNamespace=".draggable72", more...}uiResizable=Object { element={...}, uuid=73, eventNamespace=".resizable73", more...}
<div class="ui-widget-overlay ui-front"></div>
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-draggable" style="height: auto; width: 750px; top: 610px; left: 296px; display: block;" tabindex="-1" role="dialog" aria-describedby="dialog-orgs" aria-labelledby="ui-id-25">uiDraggable=Object { element={...}, uuid=76, eventNamespace=".draggable76", more...}
<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
<div id="dialog-orgs" class="ui-dialog-content ui-widget-content" style="width: auto; min-height: 0px; max-height: none; height: 551px;">uiDialog=Object { element={...}, uuid=74, eventNamespace=".dialog74", more...}
<fieldset>
<fieldset>
<legend>
<div id="OrganizationTableContainer">hikJtable=Object { element={...}, uuid=24, eventNamespace=".jtable24", more...}
<div class="jtable-main-container">
<div class="jtable-busy-panel-background" style="display: none; width: 703px; height: 87px;"></div>
<div class="jtable-busy-message" style="display: none;"></div>
<div class="jtable-title">
<table class="jtable">
<thead>
<tbody>
<tr class="jtable-data-row jtable-row-even" data-record-key="5">record=Object { SiteCode="ACS", SiteID=5, OrgName="American Cancer Society"}childRow=jQuery(tr.jtable-child-row)
<tr class="jtable-child-row" style="display: none;">
<tr class="jtable-data-row jtable-row-selected" data-record-key="6">record=Object { SiteCode="UNKNOWN", SiteID=6, OrgName="American Red Cross"}childRow=jQuery(tr.jtable-child-row)
<tr class="jtable-child-row" style="display: table-row;">
<td colspan="5">childTable=jQuery(div.jtable-child-table-container✉)
<div class="jtable-child-table-container" style="display: block;">hikJtable=Object { element={...}, uuid=77, eventNamespace=".jtable77", more...}
<div class="jtable-main-container">
<div class="jtable-busy-panel-background" style="display: none; width: 697px; height: 87px;"></div>
<div class="jtable-busy-message" style="display: none;"></div>
<div class="jtable-title">
<table class="jtable">
<thead>
<tbody>
<tr class="jtable-data-row jtable-row-even jtable-row-selected">record=Object { BranchID=24, Name="Metro Atlanta Chapter", SiteID=6}childRow=jQuery(tr.jtable-child-row)
<tr class="jtable-child-row" style="display: table-row;">
<td colspan="8">childTable=jQuery(div.jtable-child-table-container✉)
<div class="jtable-child-table-container" style="display: block;">hikJtable=Object { element={...}, uuid=101, eventNamespace=".jtable101", more...}
<div class="jtable-main-container">
<div class="jtable-busy-panel-background" style="display: none; width: 691px; height: 87px;"></div>
<div class="jtable-busy-message" style="display: none;"></div>
<div class="jtable-title">
<table class="jtable">
<thead>
<tbody>
<tr class="jtable-data-row jtable-row-even" data-record-key="28">record=Object { ZipCode=30324, CountryCode="USA", PhoneNumber="404-876-3302", more...}
<td class="jtable-selecting-column">
<td>28</td>
<td>1955 Monroe Dr. NE</td>
<td>Atlanta</td>
<td>30324</td>
<td>404-876-3302</td>
</tr>
</tbody>
</table>
<div class="jtable-column-resize-bar" style="display: none;"></div>
<div class="jtable-column-selection-container"></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<div class="jtable-column-resize-bar" style="display: none;"></div>
<div class="jtable-column-selection-container"></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<div class="jtable-column-resize-bar" style="display: none;"></div>
<div class="jtable-column-selection-container"></div>
</div>
</div>
</fieldset>
<input id="Done" class="submit-org" type="submit" value="Submit">
</div>
</div>
</body>
</html>Hi, see the 60th line. i want to get that record.
how can i use selector to get that element value (28). i am using jtable and that element was displaying as a second level child.
Thanks
Venkat
<pre><nowiki><div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable ui-resizable" style="display: none; position: absolute;" tabindex="-1" role="dialog" aria-describedby="ui-id-1" aria-labelledby="ui-id-2">uiDraggable=Object { element={...}, uuid=4, eventNamespace=".draggable4", more...}uiResizable=Object { element={...}, uuid=5, eventNamespace=".resizable5", more...}
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable ui-resizable" style="display: none; position: absolute;" tabindex="-1" role="dialog" aria-describedby="ui-id-3" aria-labelledby="ui-id-4">uiDraggable=Object { element={...}, uuid=10, eventNamespace=".draggable10", more...}uiResizable=Object { element={...}, uuid=11, eventNamespace=".resizable11", more...}
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable ui-resizable" style="display: none; position: absolute;" tabindex="-1" role="dialog" aria-describedby="ui-id-5" aria-labelledby="ui-id-6">uiDraggable=Object { element={...}, uuid=16, eventNamespace=".draggable16", more...}uiResizable=Object { element={...}, uuid=17, eventNamespace=".resizable17", more...}
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable ui-resizable" style="display: none; position: absolute;" tabindex="-1" role="dialog" aria-describedby="ui-id-7" aria-labelledby="ui-id-8">uiDraggable=Object { element={...}, uuid=22, eventNamespace=".draggable22", more...}uiResizable=Object { element={...}, uuid=23, eventNamespace=".resizable23", more...}
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable ui-resizable" style="display: none; position: absolute;" tabindex="-1" role="dialog" aria-describedby="ui-id-9" aria-labelledby="ui-id-10">uiDraggable=Object { element={...}, uuid=28, eventNamespace=".draggable28", more...}uiResizable=Object { element={...}, uuid=29, eventNamespace=".resizable29", more...}
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable ui-resizable" style="display: none; position: absolute;" tabindex="-1" role="dialog" aria-describedby="ui-id-11" aria-labelledby="ui-id-12">uiDraggable=Object { element={...}, uuid=34, eventNamespace=".draggable34", more...}uiResizable=Object { element={...}, uuid=35, eventNamespace=".resizable35", more...}
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable ui-resizable" style="display: none; position: absolute;" tabindex="-1" role="dialog" aria-describedby="ui-id-13" aria-labelledby="ui-id-14">uiDraggable=Object { element={...}, uuid=40, eventNamespace=".draggable40", more...}uiResizable=Object { element={...}, uuid=41, eventNamespace=".resizable41", more...}
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable ui-resizable" style="display: none; position: absolute;" tabindex="-1" role="dialog" aria-describedby="ui-id-15" aria-labelledby="ui-id-16">uiDraggable=Object { element={...}, uuid=46, eventNamespace=".draggable46", more...}uiResizable=Object { element={...}, uuid=47, eventNamespace=".resizable47", more...}
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable" style="display: none;" tabindex="-1" role="dialog" aria-describedby="dialog-confirm" aria-labelledby="ui-id-17">uiDraggable=Object { element={...}, uuid=52, eventNamespace=".draggable52", more...}
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front dlg-no-close ui-draggable" style="height: auto; width: 750px; top: 378px; left: 296px; display: none;" tabindex="-1" role="dialog" aria-describedby="dialog-comp" aria-labelledby="ui-id-18">uiDraggable=Object { element={...}, uuid=55, eventNamespace=".draggable55", more...}
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable ui-resizable" style="display: none; position: absolute;" tabindex="-1" role="dialog" aria-describedby="ui-id-19" aria-labelledby="ui-id-20">uiDraggable=Object { element={...}, uuid=60, eventNamespace=".draggable60", more...}uiResizable=Object { element={...}, uuid=61, eventNamespace=".resizable61", more...}
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable ui-resizable" style="display: none; position: absolute;" tabindex="-1" role="dialog" aria-describedby="ui-id-21" aria-labelledby="ui-id-22">uiDraggable=Object { element={...}, uuid=66, eventNamespace=".draggable66", more...}uiResizable=Object { element={...}, uuid=67, eventNamespace=".resizable67", more...}
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable ui-resizable" style="display: none; position: absolute;" tabindex="-1" role="dialog" aria-describedby="ui-id-23" aria-labelledby="ui-id-24">uiDraggable=Object { element={...}, uuid=72, eventNamespace=".draggable72", more...}uiResizable=Object { element={...}, uuid=73, eventNamespace=".resizable73", more...}
<div class="ui-widget-overlay ui-front"></div>
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-draggable" style="height: auto; width: 750px; top: 610px; left: 296px; display: block;" tabindex="-1" role="dialog" aria-describedby="dialog-orgs" aria-labelledby="ui-id-25">uiDraggable=Object { element={...}, uuid=76, eventNamespace=".draggable76", more...}
<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
<div id="dialog-orgs" class="ui-dialog-content ui-widget-content" style="width: auto; min-height: 0px; max-height: none; height: 551px;">uiDialog=Object { element={...}, uuid=74, eventNamespace=".dialog74", more...}
<fieldset>
<fieldset>
<legend>
<div id="OrganizationTableContainer">hikJtable=Object { element={...}, uuid=24, eventNamespace=".jtable24", more...}
<div class="jtable-main-container">
<div class="jtable-busy-panel-background" style="display: none; width: 703px; height: 87px;"></div>
<div class="jtable-busy-message" style="display: none;"></div>
<div class="jtable-title">
<table class="jtable">
<thead>
<tbody>
<tr class="jtable-data-row jtable-row-even" data-record-key="5">record=Object { SiteCode="ACS", SiteID=5, OrgName="American Cancer Society"}childRow=jQuery(tr.jtable-child-row)
<tr class="jtable-child-row" style="display: none;">
<tr class="jtable-data-row jtable-row-selected" data-record-key="6">record=Object { SiteCode="UNKNOWN", SiteID=6, OrgName="American Red Cross"}childRow=jQuery(tr.jtable-child-row)
<tr class="jtable-child-row" style="display: table-row;">
<td colspan="5">childTable=jQuery(div.jtable-child-table-container✉)
<div class="jtable-child-table-container" style="display: block;">hikJtable=Object { element={...}, uuid=77, eventNamespace=".jtable77", more...}
<div class="jtable-main-container">
<div class="jtable-busy-panel-background" style="display: none; width: 697px; height: 87px;"></div>
<div class="jtable-busy-message" style="display: none;"></div>
<div class="jtable-title">
<table class="jtable">
<thead>
<tbody>
<tr class="jtable-data-row jtable-row-even jtable-row-selected">record=Object { BranchID=24, Name="Metro Atlanta Chapter", SiteID=6}childRow=jQuery(tr.jtable-child-row)
<tr class="jtable-child-row" style="display: table-row;">
<td colspan="8">childTable=jQuery(div.jtable-child-table-container✉)
<div class="jtable-child-table-container" style="display: block;">hikJtable=Object { element={...}, uuid=101, eventNamespace=".jtable101", more...}
<div class="jtable-main-container">
<div class="jtable-busy-panel-background" style="display: none; width: 691px; height: 87px;"></div>
<div class="jtable-busy-message" style="display: none;"></div>
<div class="jtable-title">
<table class="jtable">
<thead>
<tbody>
<tr class="jtable-data-row jtable-row-even" data-record-key="28">record=Object { ZipCode=30324, CountryCode="USA", PhoneNumber="404-876-3302", more...}
<td class="jtable-selecting-column">
<td>28</td>
<td>1955 Monroe Dr. NE</td>
<td>Atlanta</td>
<td>30324</td>
<td>404-876-3302</td>
</tr>
</tbody>
</table>
<div class="jtable-column-resize-bar" style="display: none;"></div>
<div class="jtable-column-selection-container"></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<div class="jtable-column-resize-bar" style="display: none;"></div>
<div class="jtable-column-selection-container"></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<div class="jtable-column-resize-bar" style="display: none;"></div>
<div class="jtable-column-selection-container"></div>
</div>
</div>
</fieldset>
<input id="Done" class="submit-org" type="submit" value="Submit">
</div>
</div>
</body>
</html></nowiki></pre>
Modified by cor-el
All Replies (1)
As you can see, this forum doesn't cope very well with HTML...
Can you post the code on a site such as http://pastebin.com/ and then edit your post to switch in the URL for the HTML? Then your reference to a line number will make a lot more sense.
Alternately, since this forum focuses on end-user support, you might get more focused assistance on the unofficial mozillaZine Web Development board. It's a separate site with separate registration. And it support BBCode [code] tags.