2

単純な JQuery スニペットを友人のポートフォリオ Web サイトに含めて置き換えようとしています。

<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;をスローする必要があると思うので、各コンテンツ クラス (.content を除く)がありますが、クラスを削除しても、置き換えようとしているクラスに置き換えられるものはありません。.show();replaceWith();display: none;

私はまだJQueryとJavaScript全体に比較的慣れていないので、おそらく私が正しくやっていないのはばかげた単純なことです. 問題を解決するのに十分な情報が含まれていない場合は、ご容赦ください。助けてくれてありがとう！

4

2 に答える 2

2

どちらの場合も同じ要素に 2 つのクラスがあるため、セレクターは次のようになります。

.item.one
.item.two
.content.two
.content.two
于 2013-05-02T22:50:38.700 に答える
0

これを試して：

$('.item.two').hover(function(){
    $('.content.one').replaceWith($('.content.two'));
});
于 2013-05-02T22:51:38.197 に答える