javascript - How to grab a word or character and wrap it in a span tag? - Stack Overflow

admin管理员组

文章数量:1429081

I'm trying to find a particular character in a div and wrap it in a span tag.

I thought I could use something like:

$('.breadcrumb:contains("»")').replaceWith('<span>»</span>');

But this changes the whole breadcrumb div.

What am I doing wrong?

I'm trying to find a particular character in a div and wrap it in a span tag.

I thought I could use something like:

$('.breadcrumb:contains("»")').replaceWith('<span>»</span>');

But this changes the whole breadcrumb div.

What am I doing wrong?

• javascript
• jquery
• replace

Share Improve this question Follow edited Apr 20, 2019 at 19:09 double-beep 5,5371919 gold badges4040 silver badges4949 bronze badges asked Dec 16, 2010 at 10:03 AdiAdi 4,0321313 gold badges5858 silver badges8080 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

.replaceWith only works on nodes. You need the string method .replace() instead:

var $bc = $('.breadcrumb');
$bc.html($bc.text().replace('»', '<span>»</span>'));

Like Mr. Craver suggested, you can also call:

$bc.html(function(i, html) {
    return html.replace('»', '<span>»</span>');
});

Example: http://www.jsfiddle/jwJKr/

var $bc = $('.breadcrumb');
$bc.html($bc.text().split('»').join('<span>»</span>'));

Works better to replace all characters.

本文标签： javascriptHow to grab a word or character and wrap it in a span tagStack Overflow