Question

如何抓取单击a标签的div并将其克隆并插入另一个div。

我真的需要知道如何抓住父div这样的父div

                      <div class="seven columns offset-by-one">
                            <h1>
                                Joshua F. Schwartz
                            </h1>
                            <h2>
                                Position
                            </h2>
                            <p>
                            venenatis nisl ut lorem ultricies semper.
                            Duis vitae turpis nec tortor dignissim tempor.
                            Phasellus et elit et.
                            <a href="">Read More</a>
                            </p>
                      </div>

Heres是我的代码基于你们的评论以下评论非常感谢你的回复到目前为止一直很好，但由于某种原因，它不起作用。：（

////选择Link On单击Run Function $（“＃leaderBottom a”）。on（“click”，function（event）{ ///防止链接执行 event.preventDefault（）;

    ///insert dark overlay
    $('<div class="overlay"></div>').insertAfter('#leaderTop');
        // show block
      $('.popOut').css('display','block');
      /// Grab the links div

        var $newDiv = $(this).parent('.four').clone();
         $newDiv.appendTo('.popOut');
            return false;



      });

Answer 1

这是你的电话，但我实际上会使用.parents()来实现您的目标（因为您可以提供选择器）：

$('a').click(function() {
    var $cloned = $(this).parents('.seven').clone();
    $cloned.appendTo('.clone-wrapper');
    return false;
});

http://jsfiddle.net/MXHS6/

Answer 2

您可以使用parent找到该div。

$（“a”）。parent（“。seven .columns .offset-by-one”）;

Answer 3

这应该有效

<div class="seven columns offset-by-one">
    <h1>
        Joshua F. Schwartz
    </h1>
    <h2>
        Position
    </h2>
    <p>
       venenatis nisl ut lorem ultricies semper.
       Duis vitae turpis nec tortor dignissim tempor.
       Phasellus et elit et.
       <a class='ReadMore' href="">Read More</a>
    </p>
</div>


$(".ReadMore").bind("click", function () {
    var newDiv = $(this).parent().clone();
});

如何获取单击a标签的div

3 个答案: