使用jquery或javascript删除锚文本的一部分

Question

I'm trying to remove or change a Part of an anchor text.

My Anchor look like this:

<a href="http://something.com">Model 1234 motorbike</a>

I would like to remove the "motorbike" part of the anchor text, to end up with:

<a href="http://something.com">Model 1234</a>

Anyone know how to do this?

Thanks

update:

The anchor links are coming from a different website. So I can't control the html. I'm simply trying to remove the "motorbike" part from the anchors sent, so it doesn't show up 100 times on my webpage.

@Shiv Kumar: yes, "motorbike" is always the last part of the anchor text. @Phrogz: the script is sending the available models to my site. The last part of the anchor text is always "motorbike", the first part changes: model 1234, type 4321 etc.

But I will give the codes a try first.

Thanks everyone for the quick replies.

Much appreciated.

Erik

Answer 1

a) Modify the HTML sent to the browser, don't try to patch it up on the client. What if the user has JavaScript turned off?

b)

// Get rid of the last word in the text for all anchors referencing
// the domain something.com
$('a[href*="something.com"]').html(function(oldHTML){
  return oldHTML.replace(/\s\S+$/,'');
});

// Keep only "Model xxxx"
$('a[href*="something.com"]').html(function(oldHTML){
  return oldHTML.replace( /^(Model \d+).+/, '$1' );
});

Edit : To remove specifically the word 'motorbike' from every link:

$('a').html(function(oldHTML){
  return oldHTML.replace( ' motorbike', '' );
});

Answer 2

Add a className to filter links:

   $(".with_motorbike_txt").each(function() {
        var cur_txt = $(this).html();
        $(this).html(substring(0, cur_txt.indexOf('motorbike'));
    });