jQuery: Delete string in the textarea once?

Question

I'm trying to delete a string from a textarea using jQuery once.

However, every time i run my code, I get the following error and nothing gets deleted from the textarea at all:

Error: Syntax error, unrecognized expression: <span data-price="5.99" data-name="Stamina" class="pricetag">Stamina</span>

To explain this better, I created this FIDDLE

If you click on the texts under the textarea, it should remove the string in the textarea but nothing happens.

This is my current code:

$(document).one('click', '.pricetag',function(){

 $("#Finalized").contains('<span data-price="5.99" data-name="Stamina" class="pricetag">Stamina</span>').remove();   

});

Could someone please advise on this issue?

EDIT:

I tried this and still doesn't delete anything from the textarea:

$(document).one('click', '.pricetag',function(){

// $("#Finalized").contains('<span data-price="5.99" data-name="Stamina" class="pricetag">Stamina</span>').remove();


    $('#Finalized').filter(function() {
    return $(this).html().indexOf('<span data-price="5.99" data-name="Stamina" class="pricetag">Stamina</span>') != -1;
}).remove();

});

You need to do string manipulation for this.As text inside textarea is not html elements it is plain text. — Innovation, Nov 29 '15 at 13:42
you're using .contains incorrectly - see [documentation](https://api.jquery.com/jQuery.contains/) — Jaromanda X, Nov 29 '15 at 13:46

score 1 · Accepted Answer · edited May 23 '17 at 12:15

1

is this what you're trying to achieve? JSFiddle

$(document).on('click', '.pricetag',function(){
   $("#Finalized").text($("#Finalized").text().replace('<span data-price="5.99" data-name="Stamina" class="pricetag">Stamina</span>',''));
});

if you want to replace all the occurrences, you can use regex for that, e.g. like THIS

edited May 23 '17 at 12:15

Community

1
1

answered Nov 29 '15 at 13:47

BeardedMan

384
2
12

This works absolutely fine. but how do I delete the strings that have been appended to the textarea using jQuery? – H.HISTORY Nov 29 '15 at 13:55
what's problem there? I can append and remove without problems, see [JSFiddle](http://jsfiddle.net/bt7dvq8x/3/) – BeardedMan Nov 29 '15 at 13:59
That is perfect and I am doing the exact same thing in my code but I still get the same error and nothing gets deleted!! this is very strange. – H.HISTORY Nov 29 '15 at 14:00
you have one there instead of on (for attaching click event) – BeardedMan Nov 29 '15 at 14:01
I changed that to on as well and I still get the same error without anything being deleted/replaced! – H.HISTORY Nov 29 '15 at 14:07
and which code are you trying now? If the one I've posted works, why don't you use that? Is there something specific you want to achieve or I missed something? – BeardedMan Nov 29 '15 at 14:09
yes, i'm using your code. your code work fine in jsfiddle but when i put in my page, it stops working. – H.HISTORY Nov 29 '15 at 14:11
and what is the error reported by browser? do you have jquery properly linked in BEFORE your custom code? – BeardedMan Nov 29 '15 at 14:12
I have no idea what the issue was but now it started working on its own using your code. Thanks for your help. – H.HISTORY Nov 29 '15 at 14:21
1

I'm glad I could help – BeardedMan Nov 29 '15 at 14:21

jQuery: Delete string in the textarea once?

1 Answers1