Javascript 替换为();JQuery函数
我正在尝试将一个简单的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--> <
<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'));
});