jquery - 在鼠标悬停时使用 jquery 隐藏特定文本

Question

我似乎无法让它工作:

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

当鼠标悬停在列表项上时，我不希望显示“DKK”。我知道我可以通过在 DKK 周围添加一个跨度来做到这一点，但这对我来说是不可能的。正如您在此处看到的那样，我被锁定在 HTML 的设置中。

http://jsfiddle.net/4UeMd/

希望有人能帮助我。这可能是我缺少的一个简单的 jQuery 编码，但我不太明白。

Answer 1

在脚本中设置元素的html。目前脚本只是修改了 .price 的 innerHtml，并没有设置 price 的 html。

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

工作示例: http://jsfiddle.net/4UeMd/5/