diff --git a/modules/setting-management/src/Volo.Abp.SettingManagement.Web/Pages/SettingManagement/Index.cshtml b/modules/setting-management/src/Volo.Abp.SettingManagement.Web/Pages/SettingManagement/Index.cshtml
index 9c79489c41..0ff8e7d0ac 100644
--- a/modules/setting-management/src/Volo.Abp.SettingManagement.Web/Pages/SettingManagement/Index.cshtml
+++ b/modules/setting-management/src/Volo.Abp.SettingManagement.Web/Pages/SettingManagement/Index.cshtml
@@ -29,7 +29,7 @@
                             var group = Model.SettingPageCreationContext.Groups[i];
                             var active = i == 0 ? "active" : string.Empty;
                             <li class="nav-item">
-                                <a class="nav-link @active" id="@group.Id" data-bs-toggle="pill" role="tab">@group.DisplayName</a>
+                                <a class="nav-link @active" data-id="@group.Id" data-bs-toggle="pill" role="tab">@group.DisplayName</a>
                             </li>
                         }
                     </ul>
diff --git a/modules/setting-management/src/Volo.Abp.SettingManagement.Web/Pages/SettingManagement/Index.js b/modules/setting-management/src/Volo.Abp.SettingManagement.Web/Pages/SettingManagement/Index.js
index 813608f28c..82e075b45e 100644
--- a/modules/setting-management/src/Volo.Abp.SettingManagement.Web/Pages/SettingManagement/Index.js
+++ b/modules/setting-management/src/Volo.Abp.SettingManagement.Web/Pages/SettingManagement/Index.js
@@ -7,7 +7,7 @@
             return;
         }
 
-        var id = _this.attr("id")
+        var id = _this.data("id")
         abp.ui.block({
           elm: '#tab-content',
           busy: true,