如何在jQuery

Question

在我的示例中，我有一个基本的选项卡式内容设置。按钮具有与div ID匹配的类。 onClick，我想获取className，并找到一个同名的ID

jQuery的：

$("li").click(function() {
   var liClass = this.className;
   $("li").removeClass("active");
   $("#"+liClass).addClass("active"); 
});

jsFiddle： https://jsfiddle.net/CSS_Apprentice/kpo7t6xh/

Answer 1

这里出了什么问题：

 $("li").removeClass("active");

应该是：

 $("div").removeClass("active");

`.active类在div而不是lis。

FIDDLE

Answer 2

您可以使用一些前缀来匹配您的类和ID

$("li").click(function() {
     var target_class = "";
            var classList = $(this).attr('class').split(/\s+/);
            for (var i = 0; i < classList.length; i++) {
                  var matches = /^prefix_(.+)/.exec(classList[i]);
                  if (matches != null) {
                    var fxclass = matches[1];
                    target_class = "prefix_"+fxclass+"";
                  }
            }
       $("li").removeClass("active");
       $("div").removeClass("active");
       $("#"+target_class ).addClass("active"); 
});