Javascript 使用JQuery删除div中嵌入的文本并更改div中的bgimage

解决了！很抱歉将解决方案放在这里，没有足够的代表发布答案：(

我对JQuery有点陌生，我在这里给自己制造了一点挑战。我有一个主页，以瓷砖作为菜单，每个瓷砖都有一个标题，但当我将鼠标悬停在每个瓷砖上时，我想隐藏标题并显示一个图像。我想通过JQuery脚本，用css背景图像技巧来实现这一点

--------从这里大量编辑-------

所以，我想不出问题所在，我看了你们写给我的所有东西，然后我想，我做了一个糟糕的方法。我改变了它，瞧！它起作用了

以下是html：

<li class="tile darkblue">
    <div class="tile-title"><p>Flyers</p></div>
    <div class="tile-image hide"><img src="images/flyers.png" alt="" /></div>
</li>

还有JQ脚本：

$(document).ready(function(){

    $('.tile').each(function(){

    $(this).mouseover(function(){
        $('.tile-title', this).css('display', 'none');
        $('.tile-image', this).css('display', 'table');
    });

    $(this).mouseout(function(){
        $('.tile-title', this).css('display', 'table');
        $('.tile-image', this).css('display', 'none');
    });     
    });

});

---

感谢您的帮助，如果没有您的帮助，我会重新考虑这个想法的！

在我看来，您使用的是bg变量而没有定义它。

在我看来，您使用的是bg变量而没有定义它。

DrCord是正确的，您将bg作为一个字符串传递，其中包含指向图像的链接，但在定义bg是什么的脚本是正确的，您将bg作为包含图像链接的字符串传递，但脚本中没有定义bg是什么的内容，我认为您需要替换：

$（“瓷砖”）

到

$（“.tile”）

---

当然，还要检查代码的所有语法和未定义变量的使用情况，例如“bg”

我认为您需要替换：

$（“瓷砖”）

到

$（“.tile”）

当然，还要检查代码的所有语法和未定义变量的使用情况，比如'bg'

$this！=$（this）--第二个块的第9行，还有更像$（this）.css（'background-image'，'url（somelinkhere）；，和$（this）.css（'background-image'，'none'））；我认为有些帮助。我认为您有一些语法错误，看看是否可以更正这些错误。$this！=$（this）--第二个块的第9行，更像$（this）。css（'background-image'，'url（somelinkhere）；，和$（this）。css（'background-image'，'none'））；我想有些帮助。我想你有一些语法错误，看看是否能帮上忙。是的，刚刚计算了$（“.tile”），根据你的说法，我已经将“bg”替换为“image”。现在图像不显示，但当我从tile中移除光标时，文本会上升到左上角，而不是中间（是的，刚刚计算了$（“.tile”），根据您的说法，我已经将“bg”替换为“image”。现在图像不会显示，但当我从tile中移除光标时，文本会上升到左上角，而不是中间位置(

$(document).ready(function(){

    $('.tile').each(function(){

    $(this).mouseover(function(){
        $('.tile-title', this).css('display', 'none');
        $('.tile-image', this).css('display', 'table');
    });

    $(this).mouseout(function(){
        $('.tile-title', this).css('display', 'table');
        $('.tile-image', this).css('display', 'none');
    });     
    });

});