Cant Access Element That Are Shown In Developer Tools But Not In Page Source

I have the same problem that is stated in below link, but i am looking for a way to access those elements (using jquery) that are not present in page source but are visible in deve

Solution 1:

If an element is present in devtools, then you should be able to access them with standard methods.

With the example given in your link, if we have

<tableid='mytable'><td>cell1</td><td>cell2</td></table>

<tbody> is not in the original code. However, it is interpreted by the browser as:

<tableid="mytable"><tbody><tr><td>cell1</td><td>cell2</td></tr></tbody></table>

You can still use CSS or JavaScript (jQuery) selectors to access <tbody>.

jquery

$('#mytable tbody')...

css

#mytabletbody { ... }

If this example isn't relevant to you, then please post your relevant HTML for us to look at more closely.

---

With your updated question, my guess is that you are trying to select that parent container before it has any children in it. Try wrapping your selector in a document.ready or some other function that would make sure the content is already loaded.

$(document).ready(function(){
    $('.ewr-sheetcontainer')
})