Home > DeveloperSection > Forums > Hide specific text with jquery on mouseover
Jayden Bell
Jayden Bell

Total Post:105

Points:739
Posted on    April-02-2013 2:03 AM

 CSS-CSS3
Ratings:


 1 Reply(s)
 736  View(s)
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.


AVADHESH PATEL

Total Post:604

Points:4228
Posted on    April-02-2013 7:39 AM

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',''));

Don't want to miss updates? Please click the below button!

Follow MindStick