Does Google index JavaScript ALTERED content over original content?

Question

I know Google nowadays is pretty good at scanning the DOM and adding stuff to your site using javascript isn't a problem anymore.

Thing is, I'm using JavaScript (jQuery) to collect information from a perfectly good structured web-page to make some sort of widget. I'm too ashamed to show code because, really, it's a bit of a mess. And not really relevant to my question.

So in the original content there's something like this:

<h2>Title</h2>
<p>Content here</p>
<h2>Title two</h2>
<p>Content two</p>

I'm collecting stuff from all over the page to rearrange it into stuff I don't want Google to see like this:

<div class="titles-wrap"><a href="#">Title</a><a href="#">Title two</a></div>
<div class="content-wrap"><div class="content">content here</div><div class="content">Content two</div></div>

Again, please don't just my old and horrible ways of thinking here.

Does Google now read the original semantically pretty version or the JavaScript ruined version?

Answer 1

After some tests between Google cache and fetch as Google i've realized, that the average time Google waits after onLoad, whether any javascript loaded content will come, is 5-6 seconds. So if your goal is to hide something from Google, you should load your stuff much later.

Another method is to bind the loading on any user action. But since Googlebot seems to be be headless Chrome i don't very believe, that it can't accomplish user actions - my test results were till now not meaningful enough.