This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

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

Cuireadh an snáithe seo sa chartlann. Cuir ceist nua má tá cabhair uait.

How to find right selector of my selected element

venkatjcold
venkatjcold
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>

Athraithe ag cor-el ar

All Replies (1)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 25 Contributor
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.