Скрыть внутреннее Div Использование jQuery

Question

<a href="#"> Link1 </a> 
    <div id="parent"> 
     <div id="child1"> 
        Here is the Child One 
     </div> 
     <div id="child2"> 
        Here is the Child Two 
     </div> 
    </div> 

Как скрыть child1 div с помощью jquery?

UPDATE

Я хочу, чтобы скрыть child1 на щелчку LINK1

Answer 1

Если вы хотите, чтобы скрыть первый внутренний ребенок внутри DIV: -

$('#link1ID').click(function(){   
    $('div#parent div:first').hide();  
}); 

Если вы хотите скрыть, используя ребенка ID: -

$('#link1ID').click(function(){    
     $('div#parent div#child1').hide();   
}); 

Answer 2

зачем использовать JQuery?

CSS

#child1{ 
    display: none; 
} 

или, если вы действительно хотите использовать JQuery

$("#child1").hide();

Если вы хотите, чтобы скрыть по клику: Поскольку вы используете идентификаторы в разметке, это действительно простой

$("#parent").click(function() { 
    $("#child1").hide(); 
}); 

Answer 3

Попробуйте с

$("#child1").hide(); 

или вы можете попробовать, как

$("#child1").css('display','none'); 

основанный на отредактированном вопрос он должен быть как

$("#link1").click(function(e){ 
    e.preventDefault(); 
    $("#child1").hide(); 
}); 

и увидеть Jquery функциональность в http://jquery.com/

и посмотреть Jquery селекторы http://api.jquery.com/selector/

Answer 4

$('div#parent > div#child1').hide(); 

Выше для прятки прямой ребенок от #parent.

Для Щелк

$('YOURLINK').on('click',function() 
{ 
    $('div#parent > div#child1').hide(); 
}); 

Answer 5

$(document).ready(function(){ 
    $("#link1").on('click',function(){ 
     $("#child1").hide(); 
    }); 
}); 

То же самое касается детей2.

Answer 6

это скрыть child1 OnClick LINK1 и child2 OnClick LINK2

DEMO

$('a').click(function(e){ 
    e.preventDefault() 
    $(this).closest('div').hide(); 
}); 

, если вы хотите, чтобы скрыть child1 OnClick любого звена под родительского DIV

$('a').click(function(e){ 
    e.preventDefault() 
    $(this).parentsUntil('parent').find('#child1').hide(); 
}); 

HTML

<div id="parent"> 
    <div id="child1"> 
     <a href="#">link1</a> 
    </div> 
    <div id="child2"> 
     <a href="#">link2</a> 
    </div> 
</div> 

Answer 7

Просто выберите и скрыть детей, как это:

$("#parent").children().hide(); 

Затем выберите и показать/скрыть/все дети, когда вы хотите.