Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How to find right selector of my selected element

more options

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)

more options

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.