Hide specific text with jquery on mouseover

Total Post:110

Points:774

 1331  View(s)
Ratings:
Rate this:
Hi Expert!

I can't seem to get this to work:

$('.products-grid li').hover(
function(){
    $('.price').html().replace('DKK','');
});
I want the "DKK" to not show, when the mouse is over the list-item. I know I can do this by adding a span around the DKK, but this is not possible for me to 

do so. I'm locked within the setup of the HTML as you see it here.

http://jsfiddle.net/4UeMd/

Hope someone can help me. This might be a simple jQuery coding I'm missing, but I can't quite figure it out.

Thanks in advance.
  1. Re: Hide specific text with jquery on mouseover

    Hi Jayden!

    Try this way

    Set the html of the element in the script. Currently the script just modifies the innerHtml of .price it does not set the html of price.

    $('.products-grid li').hover(
        function(){
            $('.price').html($('.price').html().replace('DKK',''));

      Modified On Mar-29-2018 11:20:18 PM

Answer

Please check, If you want to make this post sponsored

You are not a Sponsored Member. Click Here to Subscribe the Membership.