jquery, string, find

Question

HI,

Can somebody help me with this :

This is my HTML:

    <div class="Breadcrumb">
       <a href="#">Home</a>&nbsp;&gt;&nbsp;
       <a href="#">Projects</a>&nbsp;&gt;&nbsp;
       Projects Text
    </div>

I want to get with jQuery the string what is not in anchor tag , in this example is "Projects Text"

Theoretically something like this

jQuery :

var name = $("Breadcrumb (not <a>) ").text();

but I don't need this one " > "

Thanks !

Answer 1

Untested, but should work:

var text = $('.Breadcrumb').contents().filter(function() { 
    return this.nodeType == 3;
});

alert(text[text.length-1]);

Answer 2

This should give you the text of the "A" tags. You'll need to do some string parsing in javascript to snip out the nbsp bits. I suggest a regex.

var foo = $(".Breadcrumb a").text();

Answer 3

I'd suggest changing the HTML to the following...

<div class="BreadCrumb">
    <a href="#">Home</a>&nbsp;&gt;&nbsp;
    <a href="#">Projects</a>&nbsp;&gt;&nbsp;
    <span class="your_class_name">Projects Text</span>
</div>

Then with Jquery you could just do the following...

var name = $(".BreadCrumb .your_class_name").text();

Answer 4

That's not possible, as  >  Projects Text is actually one node within the DOM tree. So you cannot get the Projects Text alone without filtering it out. If you know, that the text is preceded by  > , you could however simply split that out.

Or as MillsJROSS suggested, you need to put the code inside another tag.

Answer 5

@poke is correct. Change your html:

<div class="Breadcrumb">
   <a href="#">Home</a>&nbsp;&gt;&nbsp;
   <a href="#">Projects</a>&nbsp;&gt;&nbsp;
   <span>Projects Text</span>
</div>

Javascript:

var name = $(".Breadcrumb span").text();

EDIT:

If you can't or won't change the html and your breadcrumbs are consistent, then you can use a regex to get rid of whitespace and anything before and including the >:

var name = $(".Breadcrumb").text().replace(/(^\s+|\s+$|(.*)>\s*)/g,"");

I still think, if you have control over the html generation, that adding the extra span tag is cleaner with the extra bonus of allowing you to easily style the current page with css.