Question


<a href="#">Domain name<span class="value">2</span></a>


I would like to retrieve only the text “Domain name”.

I have tried using $(‘a’).text() but that will also get the text inside the descending SPAN tag. Is there a way to select only the first text node inside the A tag somehow?

I can’t figure out how.

.contents(‘not:(span)’) do not work either.

Answer 1

You could just use DOM methods:

var el = document.getElementById("your_element_id");
var child, textBits = [];
for (var i = 0; i < el.childNodes.length; ++i) {
    child = el.childNodes[i];
    if (child.nodeType == 3) {
        textBits.push(child.nodeValue);
    }
}
window.alert( textBits.join("") );