0

私は JavaScript の知識がほとんどなく、DIV の H2 と P をホバー時に表示される別の DIV に複製する任務を負っています。ここで私がやろうとしていることを見てください: http://dev.surgeryatnmc.org/surgical-services/ .

.orig から .hover へのクローンを作成しようとしていますが、うまく機能していますが、個別にではなく、各ツールチップに 3 つのライブ アイテムがすべて表示されます。

ここに私のリスト項目があります:

<ul>
    <li class="lactrimal1">
                <div class="orig">
                    <h2>Lactrimal Duct Probe</h2>
                    <p>Helps patient regain use of their tear ducts in this quick procedure.</p>
                </div>                    
                <div class="img">
                    <div class="txt hover"></div>
                </div>
            </li>
            <li class="cataracts2">
                <div class="orig">
                    <h2>Cataracts</h2>
                    <p>We replace the eye's natural lens which has become clouded by cataract with an artificial lens.</p>
                </div>
                <div class="img">
                    <div class="txt hover"></div>
                </div>
            </li>
            <li class="sinus3">
                <div class="orig">
                    <h2>Endoscopic Sinus Surgery</h2>
                    <p>A procedure used to remove blockages in the sinuses to allow for efficient pain-free breathing.</p>
                </div>
                <div class="img">
                    <div class="txt hover"></div>
                </div>
            </li>
</ul>

これが私のスクリプトです:

$('div.orig', this).each(function() {
    $(this).clone().appendTo('div.hover');
});

私もこれを試しましたが、最初のアイテムのみを複製します:

$(".hover").html($('.orig').html());

どんな助けでも大歓迎です、みんなありがとう!

あなたの答えはすべてうまくいきましたが、この問題には非常に多くの解決策があるとは思いませんでした。助けてくれてありがとう!

4

4 に答える 4

2
$('div.orig').each(function() {
    $(this).parent().find('.txt').html( $(this).html() );
});
于 2012-05-03T15:10:17.917 に答える
0

別のソリューション->

$(document).ready(function(){
$('div.orig', this).each(function(i,e) {
    $(this).clone().appendTo('div.hover:eq(' + i + ')');
});
})​
于 2012-05-03T15:14:20.223 に答える
0

このようなことを試してください

編集:実際には、要素に到達するにはそのようにする必要があります

$('div.orig').each(function() {
    var jThis = $(this);
    jThis.parent().find('.hover').html(jThis.html());
});
于 2012-05-03T15:07:51.623 に答える
0
$('.orig', this).each(function() {
    $(this).next('.img').children('.hover').html($(this).html());
});
​

フィドル

于 2012-05-03T15:11:52.440 に答える