Products

Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller

Developer

Article Blog Forum Interview Beginner News Startup Quiz

Users

Career

Apply Job Internship

Pricing

Login Sign Up Get a Quote

Hide specific text with jquery on mouseover

Jayden Bell 2185 02 Apr 2013

I can't seem to get this to work:

$('.products-grid li').hover(

$('.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.

Ask by Jayden Bell

Updated 02 Apr 2013

1 Answers

AVADHESH PATEL 02 Apr 2013

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

advertising

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.