用。。。来代替（）; JQuery函数

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 one除外）设为display: none;我想我需要在.show();函数内部引入replaceWith();事件，但即使我删除{关于类的{1}}，没有什么能替换我想要替换的类。

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

Answer 1

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

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

Answer 2

试试这个：

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