使用jquery隐藏具有多个类且没有id的div

时间:2016-12-09 14:49:59

标签: jquery html css hide

我们想用类k-header k-grid-toolbar隐藏div,这是g-m div的子div:

<div id="g-m" data-controllername="b-p-d" data-create="false" data-edit="false" data-update-url="/BPD/BPDPrint.aspx" data-delete="false" data-export="false" data-role="extendedgrid2" class="k-grid k-widget" style="height: 230px;">

<div class="k-header k-grid-toolbar">

我们尝试了以下方法,但没有得到任何结果:

1. $('div.k-header.k-grid-toolbar').hide();
2. $("div.k-header.k-grid-toolbar:not([id])").hide();
3. $('#g-m').find(".k-grid-toolbar").hide(); 

2 个答案:

答案 0 :(得分:0)

您的1号解决方案应该可以很好地工作,但是如果没有结束标记,您的示例html就不完整了。在下面的示例中,我在div#g-m周围添加了一个边框,并添加了一个延迟,以便在隐藏之前查看子div。至少在你的文字中你说过.k-header .k-grid-toolbar类的div是#g-m的孩子

&#13;
&#13;
window.setTimeout(function(){
  $('div.k-header.k-grid-toolbar').hide();
}, 2000);
&#13;
#g-m{border: 2px solid red}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="g-m" data-controllername="b-p-d" data-create="false" data-edit="false" data-update-url="/BPD/BPDPrint.aspx" data-delete="false" data-export="false" data-role="extendedgrid2" class="k-grid k-widget" style="height: 230px;">

	<div class="k-header k-grid-toolbar"> div to hide </div>

</div>
&#13;
&#13;
&#13;

答案 1 :(得分:-1)

如果您尚未发布HTML代码的一部分,例如查看代码,则表示您未正确关闭df1 = df.sort_values(by='time').groupby(['group_id_1', 'group_id_2']).last().reset_index() df1.time = df1.time.add(1) print (df1) group_id_1 group_id_2 value1 time 0 1 2 49 3 1 1 4 55 3 2 2 2 44 2 3 2 4 90 3 df = pd.concat([df,df1]) df = df.sort_values(['group_id_1','group_id_2']).reset_index(drop=True) print (df) group_id_1 group_id_2 value1 time 0 1 2 45 1 1 1 2 49 2 2 1 2 49 3 3 1 4 95 1 4 1 4 55 2 5 1 4 55 3 6 2 2 44 1 7 2 2 44 2 8 2 4 88 1 9 2 4 90 2 10 2 4 90 3 代码。根据你的第一次尝试,它似乎工作,请看看下面的代码!

  

注意:因为我在这里使用div ...这就是为什么隐藏的div没有在输出中加载,因为脚本在页面加载后立即运行

$(function(){ ... });
// Using page on load here...thats why hidden div isn't loading in the output, because the script is running as soon as page loads

$(function(e){

  $('div.k-header.k-grid-toolbar').hide();
  
});

希望这有帮助!