Question

我已经建立了一个常见问题解答页面。在问题旁边，有一个加号来扩展内容。点击后，我已将该课程添加为有效，但有很多问题，我不想为每个问题重复相同的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

您可以使用renderRow = (year) => { return ( <ListItem key={year.id} title={year.year} onPress={() => this.props.dispatch(storeUserYear(year))} underlayColor='#eceeef' /> ) }功能查找所选元素的子项：

find()

然而，看看你的代码，似乎你只想切换＆＃34;活跃的＆＃34;被点击元素的类。如果是这种情况，你可以更简单地完成这项工作而不需要变量：

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

将jQuery存储在变量

1 个答案: