javascript - 用。。。来代替（）; 查询函数

Question

我正在尝试将应该是一个简单的 JQuery 片段包含到朋友的投资组合网站中以替换：

<div class="content one">
<h3>Content Title</h3>
<p>Body text.</p>
</div>

和：

<div class="content two">
<h3>Content Title</h3>
<p>Body text.</p>
</div>

当悬停在单独的 div 类上时：

<div class="item two"><!--content two icon-->
<img src="" alt="" />
</div>

我有这些单独的类，<div class="item">其中有图标。我希望能够将鼠标悬停在图标的类上并将该类替换为<div class="content">与该图标对应的另一个类<div class="item">。

对于 JQ，我使用以下内容：

<script type="text/javascript">
$('.item two').hover(function(){
$('.content one').replaceWith($('.content two'));
});
</script>

我有每个内容类（除了 .content 一个），因为display: none;我认为我需要在函数.show();内部抛出一个事件replaceWith();，但即使我删除display: none;了这些类，也没有任何东西可以用我试图替换的类来替换它自己。

作为一个整体，我对 JQuery 和 JavaScript 还比较陌生，所以这可能是一些愚蠢的简单事情，我做得不对。如果我没有提供足够的信息来帮助您解决问题，请原谅我。谢谢您的帮助！

score 2 · Accepted Answer

在这两种情况下，您在同一个元素上都有两个类，因此您的选择器应该是：

.item.one
.item.two
.content.two
.content.two

score 0 · Accepted Answer

尝试这个：

$('.item.two').hover(function(){
    $('.content.one').replaceWith($('.content.two'));
});

2 回答 2