Javascript 替换为();JQuery函数

Javascript 替换为();JQuery函数,javascript,jquery,hover,replacewith,Javascript,Jquery,Hover,Replacewith,我正在尝试将一个简单的JQuery片段包含到朋友的公文包网站中,以替换: <div class="content one"> <h3>Content Title</h3> <p>Body text.</p> </div> 内容标题 正文 与: 内容标题 正文 将鼠标悬停在单独的div类上时: <div class="item two"><!--content two icon--> <

我正在尝试将一个简单的JQuery片段包含到朋友的公文包网站中,以替换:

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

内容标题
正文

与:


内容标题
正文

将鼠标悬停在单独的div类上时:

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

我有这些独立的
类,其中有图标。我希望能够将鼠标悬停在图标的类上,并将
类替换为与
图标对应的另一个类

对于JQ,我使用以下方法:

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

$('.item 2')。悬停(函数(){
$('.content-one')。替换为($('.content-two');
});
我将每个内容类(除了.content-one)设置为
display:none我想我需要加入一个
.show()replaceWith()中的code>event功能,但即使我删除
显示:无

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

在这两种情况下,同一元素上有两个类,因此选择器应为:

.item.one
.item.two
.content.two
.content.two
试试这个:

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

呜!你们太棒了!马上就修好了。我知道我错过了一些愚蠢的简单的东西:)
$('.item.two').hover(function(){
    $('.content.one').replaceWith($('.content.two'));
});