여러 클래스와 사업부와 우리는 클래스 GM 사업부의 하위 사업부 인 케이 - 헤더 K-그리드 도구 모음과 사업부를 숨길 싶습니다

Question

jQuery로 어떤 ID를 숨기기 당신이 제대로 div 태그를 폐쇄하지 않는 코드를보고함으로써, 당신은 당신의 HTML 코드의 일부를 게시하지 않은 경우

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(); 

Answer 1

: 다음은, 그러나 어떤 결과를 얻을하지 않았다. 귀하의 첫 번째 시도에 따르면, 그것은 작동하는 것, 아래 코드를 살펴 보시기 바랍니다!

참고 : 숨겨진 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(); 
 
    
 
});

<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;"> 
 
    Lorem Ipsum 
 
</div> <!-- Close this div here --> 
 

 
<div class="k-header k-grid-toolbar"> 
 
    The div to get hidden 
 
</div> <!-- Close this div here -->

희망이 있습니다.

Answer 2

숫자 1 솔루션은 완벽하게 작동해야하지만 샘플 HTML은 닫기 태그가 없으면 불완전합니다. 아래 예에서 나는 당신의 div#g-m 주위에 테두리를 추가하고 숨기기 전에 자식 div를보기 위해 지연을 추가했습니다. 텍스트에서 적어도 당신은 클래스 .k-header .k-grid-toolbar와 사업부의 첫 번째 시도는하지만 일을해야 #g-m

window.setTimeout(function(){ 
 
    $('div.k-header.k-grid-toolbar').hide(); 
 
}, 2000);

#g-m{border: 2px solid red}

<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;"> 
 

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

 
</div>