Replace string using jquery

Question

How can I replace 'http://' or 'https://' from a text added with javascript?

I am also interested in regex solutions.

Here is what I made so far:

JSFIDDLE

HTML:

<div class="string"></div>

JS:

$text = $('.string').text("http://www.text.com");

if ($text.startsWith('http://')) {
    $text.replace('http://','');
}
else if ($text.startsWith('https://')) {
    $text.replace('https://','');
}

Answer 1

The issue stands in what $text contain. it contains the element, not the text!

try this code:

$text.html($text.html().replace('http',''));

update

editing and simplifying your code it would be:

$text = $('.string').text("http://www.text.com");

$text.text($text.text().replace('https://','').replace('http://',''));

update (again)

You can also use a regex to do it.

$text.text( $text.text().replace(/http(s?):\/\//g,'') );

Plaease check this updated fiddle.

Answer 2

Check this updated fiddle

var $text = $('.string').text("http://www.text.com");

if ($text.text().indexOf('http://') != -1) 
{
    $text.text( $text.text().replace('http://','') );
}
else if ($text.text().indexOf('https://') != -1) {
    $text.text( $text.text().replace('https://','') );
}

Answer 3

Try this one:

var $text = $('.string').text("http://www.text.com");

$text.text($text.text().split('://')[1]);

This code will remove any protocol from your URL.