为每个折叠按钮生成动态ID

时间:2019-02-17 作者:captainM

你好,我很棒的WP peeps。我有一种情况,我有一个手风琴,我想为我添加的每个新手风琴添加一个显示/隐藏所有按钮。

因此,我可以在管理员中为每个新按钮生成帖子ID,如:

 <button id=\'wp_1\'></button>
我还可以为onclick事件添加jQuery代码,该事件将打开手风琴,如:

$(\'#wp_1\').on(\'click\', function () {
            $(\'.panel-collapse\').collapse(\'toggle\');
        });
问题是,我不知道如何生成多个动态ID,以便每个按钮只打开它下面的手风琴。因此,在下面的屏幕截图中,如何让WP也为#WP\\U 31生成onclick?感谢您的帮助。

screenshot of html

1 个回复
最合适的回答,由SO网友:captainM 整理而成

我使用jQuery最近的方法解决了这个问题。我必须将按钮嵌套在容器中,以便函数能够返回被单击的特定按钮元素的第一个祖先。

$(".toggle-button").on("click", function() {
  $(this).closest(\'.collapse-group\').find(\'.wpsm_panel-collapse\').collapse(\'toggle\');
});

相关推荐

如何通过jQuery Datepicker搜索帖子?

我正在WordPress网站上工作,我有自己的搜索筛选页面,在那里我添加了jquery日期选择器,现在我想按日期选择器搜索帖子?Html Codescript> $(function() { jQuery( \"#datepicker-13\" ).datepicker({ dateFormat : \"yy-mm-dd\" }); $(\"#datepicker-13\").datepicker().datepick