0

我的 JavaScript 知识很少，我的任务是将 H2 和 P 从 DIV 复制到另一个悬停时显示的 DIV。请看看我在这里尝试做什么：http: //dev.surgeryatnmc.org/surgical-services/。

我正在尝试从 .orig 克隆到 .hover，它有点工作，但在每个工具提示中显示所有三个活动项目，而不是单独显示。

这是我的清单项目：

<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

尝试这样的事情

编辑：实际上你必须这样做才能到达元素

$('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 回答
0

另一种解决方案->

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