我试图在 html 页面的 div 中隐藏一些表格，但没有用

Question

我试图在 html 页面的 div 中隐藏一些 table，但没有用。其中一个 html 页面包含 10 tables.. 我想在选择特定部门时只显示几个 tables.. 目前我得到那些 table 的 ID ] 需要显示..但是如何只查看那些 tables..

已尝试 jquery 附在此处..请帮助我..我卡住了

    <script> 
               $(function() {
         $("#departments").change(function(v) {



               var gid=$(this).attr("id");
                  var department_id = v.target.value
                 //console.log(department_id);
                 $("#showData table").each(function(){
                //console.log($(this).attr("id"));

                var gid=$(this).attr("id");

            $('#'+gid).hide();

                $.get("/BankProfile/selectGroup/"+department_id+"/"+gid,function(data){
                        var obj = jQuery.parseJSON(data);
                       // console.log(obj);
                  for(i = 0; i < obj.length; i++) {
                 var gid=obj[i].group_id;
                   console.log(gid);
                }
               });
               });
});
 });           
            </script>

Answer 1

使用 .hide() 或 .show() 方法，或者如果在 JSP.

中将显示设置为 'none'，则使用显示属性

Answer 2

$("'" + "#" + gid + "'").hide();

试试这个。

Answer 3

您的表格 ID 不适合 jquery 选择器。句点 (.) 用于标识任何元素的 class。因此，您必须更改 ID 的命名约定。

我试图在 html 页面的 div 中隐藏一些表格，但没有用

i tried to hide some tables in a div in a html page but doesn't work

html

jquery

show-hide