Removing text within brackets after a click function

Question

I have the Jquery that i have put inside the <head> :

$('#change_text').text(function(_, text) {
    return text.replace(/\[.*?\]/g, '');
});

Which removes everything within the [] brackets.

And the html:

<div id="change_text">Hello [username]</div>

And that all works fine on removing [username]

But I also have the Jquery:

$('#change_text').click(function(){
    $(this).html("Hey [username2]")
});

But when you click it doesn't remove the [username2]

Here is a jsfidle

Answer 1

$.text() does not track your element. Try wrapping it into function and call it anytime you change html.

function changetext(){
    $('#change_text').text(function(_, text) {
        return text.replace(/\[.*?\]/g, '');
    });
}
$('#change_text').click(function(){
    $(this).html("Hey [username2]");
    changetext();
});
changetext();

check fiddle

Answer 2

function changeText(text){
    return text.replace(/\[.*?\]/g, '');
}

$('#change_text').text(function(_, text) {
        return text.replace(/\[.*?\]/g, '');
    });

$('#change_text').click(function(){
    $(this).html(changeText("Hey [username2]"))
});

jsFiddle

Removing text within brackets after a click function

Question

2 answers

solution1
2 ACCPTED 2013-12-19 13:24:06

solution2
2 2013-12-19 13:25:37

Removing text within brackets after a click function

Question

2 answers

solution1 2 ACCPTED 2013-12-19 13:24:06

solution2 2 2013-12-19 13:25:37

solution1
2 ACCPTED 2013-12-19 13:24:06

solution2
2 2013-12-19 13:25:37