Question

When using jQuery to traverse the DOM, how do I identify the current node being accessed?

I'm working with jQuery to traverse the DOM and want to know how to identify the current node being accessed during traversal. Can someone guide me on this?

Answer 1

To identify the current node being accessed in jQuery while traversing the DOM, you can use the this keyword within a jQuery function. When you're iterating through a collection, like using .each(), this refers to the DOM element currently being accessed.

Here’s an example:

$('div').each(function() {

    console.log(this); // Logs the current DOM element being accessed

});

In this example, this refers to each individual div as the .each() function iterates through all div elements.