在变量中存储jQuery

Question

我有一个我正在构建的FAQ页面。在问题旁边，展开内容有一个加号。点击后，我添加了活动类，但有很多问题，我不想为每个问题重复相同的jQuery代码片段。我已经想出了如何找到父ID，但是我无法将它存储在一个变量中以便在jQuery脚本中重用。

我希望能够做到：

var element = $(this).parent().parent().attr('id') 

$('.expand').click(function(){ 
$('element .expand').toggleClass('active') 
}) 

有没有办法做到这一点？我得到了一个未定义当我这样做：

$('.expand').click(function(){ 
    console.log(element) 
}); 

Answer 1

可以使用find()功能查找所选元素的儿童：

var element = $(this).parent().parent().attr('id') 
$('.expand').click(function(){ 
    $("#" + element).find('.expand').toggleClass('active') 
}); 

然而，看着你的代码，好像你只是想切换单击元素的“活动”类。如果是这样的话，你可以这样做更加简单没有变量都：

$('.expand').click(function(){ 
    $(this).toggleClass('active') 
});