Question

I am currently trying to figure out a way to work within a selected <div> in order to be able to send a text formatted email.

So there is a button says “email”. When a user clicks on it, it grabs a closest div as below.

var selectedDiv = $(callingElement).closest(".myClassName");

And from there I would like to grab various dom elements to create a clean text format. So how do I work within selectedDiv using jQuery?

For example,

1. Getting <h1> value.
2. Getting <li> value with certain class names
3. Getting “title” attribute value.

Answer 1

The selectedDiv jQuery object wraps the div element. Use the find method to search for descendant elements, and attr to get the attributes on the div element itself.

selectedDiv.find('h1');
selectedDiv.find('li.someClass');
selectedDiv.attr('title');

Call the text() method to get the text from the h1, or the li.

selectedDiv.find('h1').text();