jquery - 如何获取单击 a 标签的 div

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>

这是我的代码基于下面你们的评论非常感谢你们的回应到目前为止很好，但由于某种原因它不起作用。:(

//// Select Link On click 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();
});