replaceWith（）; 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> 

我有每个内容类（除。内容之一）作为display: none;我想我需要在.show();事件扔replaceWith();函数内，但即使我删除了类上的display: none;，也没有用自己想替换的类替换它自己。

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

Answer 1

试试这个：

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

Answer 2

你必须在这两种情况下在相同的元素两个类，所以你的选择应该是：

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