There is such a code
& lt; div class = "main-elements" & gt;
& lt; div class = "main-item" & gt; & lt; / div & gt;
& lt; div class = "main-item" & gt; & lt; / div & gt;
& lt; div class = "main-item" & gt; & lt; / div & gt;
& lt; div class = "main-item" & gt; & lt; / div & gt;
& lt; div class = "main-item" & gt; & lt; / div & gt;
& lt; / div & gt;
And this js code
$ (". main-item"). waypoint (function () {
var el = $ (this)
console.log (el)
}, {offset: '100%'});
However, console.log does not output the html element itself. How to get exactly the html element in order to add the class to it
Answer 1
You just need to understand the structure of the returned object:
el [0] .element