Question

It feels like jQuery is messing with me, although it’s probably a simple issue. My code get’s to the DOM-element that i want to get the value of, but when i add .val() it returns an empty string.

$('tr.invoice td[data-attr=Payed] div.true').closest('tr').find('td[data-attr=Expiration]')
Returns this:
[<td data-attr=​"Expiration">​2012-04-22​</td>​,<td data-attr=​"Expiration">​2012-05-21​</td>​,<td data-attr=​"Expiration">​2012-06-18​</td>​]

As you can see the DOM-elements has values, but if i add .val() to the JS-string it returns empty strings only (not undefined, empty)

Answer 1

Method val() is used for input and select elements.

You should use html() or text() methods instead.

$('tr.invoice td[data-attr=Payed] div.true')
    .closest('tr')
    .find('td[data-attr=Expiration]')
    .each(function() {
        // getting inner HTML
        var html = $(this).html();
    }
);