javascript - (this).parent()。find('。classname')不起作用

我正在尝试一个单击事件，用户单击一个Div问题，然后Jquery克隆Div Answer并将其显示在单独的Div Clone中。

这里的例子：
http://jsfiddle.net/jessikwa/zNL63/2/

由于某种原因，以下变量返回空值。有任何想法吗？

 var answer = $(this).parent().find(".faq-answer").clone();

完整代码：

$(document).ready(function () {
    var faqQuestion = $('.faq-question');
    var faqClone = $('.faq-clone');

    faqQuestion.click(function () {
        showAnswer();
    });

    faqClone.click(function () {
        hideAnswer();
    });

    function showAnswer() {
        $(".faq-clone").hide("slide");
        $('.faq-clone').html("");

        var answer = $(this).parent().find(".faq-answer").clone();
        $('.faq-clone').append(answer.html());
        $(".faq-clone").show("slide");
    }

    function hideAnswer() {
        $(".faq-clone").hide("slide");
        $('.faq-clone').html("");
    }
});

最佳答案

解决此问题的最简单方法是通过引用传递处理程序：

faqQuestion.click(showAnswer);

faqClone.click(hideAnswer);

现在，this和showAnswer内的hideAnswer将成为被单击的元素。