javascript - jQuery插件构造ID

我想知道如何做到这一点，基本上是在选择要合并的jquery对象时。

如果您看下面的示例，则尝试将＃toggle-btn-组合为该对象的＃toggle-btn-example。

这是我要执行的操作的一个示例：

    $.fn.togglebutton = function () {

        var myId = this;
        var toggleBtn = '#toggle-btn-'+ myId;
        var toggleInfo = '#toggle-info-'+ myId;

        $(toggleBtn).click(function(tb){
            tb.stopPropagation();
            $(toggleInfo).fadeIn(200);
            $(toggleBtn).hide();
        });

        $(toggleInfo).click(function(tb){
            tb.stopPropagation();
        });

        $(document).click(function(){

            $(toggleInfo).hide();
            $(toggleBtn).show();

        });

    };

    $('example').togglebutton();

我的控制台将其抛出：

未捕获的错误：语法错误，无法识别的表达式：＃toggle-btn- [object Object]

最佳答案

this是对jQuery对象的引用！

尝试：

var toggleBtn = '#toggle-btn-'+ this.attr("id");