我正在尝试让用户单击 Div 问题的点击事件,然后 Jquery 克隆 Div 答案并将其显示在单独的 Div 克隆中。
这里的例子: http://jsfiddle.net/jessikwa/zNL63/2/
由于某种原因,以下变量返回 null。有什么想法吗?
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);
现在 showAnswer
和 hideAnswer
中的 this
将成为被点击的元素。
关于javascript - (this).parent().find ('.classname' ) 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25126284/