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 !

David Hellsing · Accepted Answer · 2010-03-03 20:19:12Z

1

Untested, but should work:

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

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

answered Mar 3, 2010 at 20:19

David Hellsing

109k44 gold badges181 silver badges214 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

AlexC Over a year ago

it can be nodeType ==2, or 4 the number of anchors are different

Josh Stodola Over a year ago

@Alexander Try the code. nodeType refers to the type of elements. 3 indicates a TEXT_NODE (try alert(Node.TEXT_NODE);) as opposed to an ELEMENT_NODE. And then he grabs the last elements in the array (the final block of text). You may need to strip out some of the markup, but this looks like a good solution to me.

poke · Accepted Answer · 2010-03-03 20:35:54Z

1

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.

answered Mar 3, 2010 at 20:35

poke

392k80 gold badges596 silver badges632 bronze badges

2 Comments

AlexC Over a year ago

but with this  > , I can do that ?

poke Over a year ago

For example like this: $( '.Breadcrumb a:last' )[0].nextSibling.nodeValue – Don't know if there is a better way with jQuery, I don't use it that much.

Peter Loron · Accepted Answer · 2010-03-03 20:21:48Z

0

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();

answered Mar 3, 2010 at 20:21

Peter Loron

1,16610 silver badges15 bronze badges

1 Comment

poke Over a year ago

That's not what he wants. He want's the Projects Text.

MillsJROSS · Accepted Answer · 2010-03-03 20:38:04Z

0

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();

edited Mar 3, 2010 at 20:38

answered Mar 3, 2010 at 20:30

MillsJROSS

1,2397 silver badges9 bronze badges

1 Comment

MillsJROSS Over a year ago

Accidently typed in HTML instead of HREF in the anchor tags. This is now fixed.

ghoppe · Accepted Answer · 2010-03-03 22:48:43Z

0

@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.

edited Mar 3, 2010 at 22:48

answered Mar 3, 2010 at 20:40

ghoppe

21.8k3 gold badges32 silver badges21 bronze badges

Collectives™ on Stack Overflow

jquery, string, find

5 Answers 5

2 Comments

2 Comments

1 Comment

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

2 Comments

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related