Выбрать div children

Question

Я хочу выбрать дочерний элемент div с помощью jquery. Я стараюсь с детьми(), но не работает

<div class="main" id="this_456" onclick="change(456)"> 

<div id="title">some text</div> 

<div id="body">some text as well</div> 

</div> 

Javascript

function change(id) 
{ 
$('#this_'+id).children("#body").fadeOut(); 

} 

Answer 1

Ваш код работает, если вы укажете 456 в качестве аргумента, а не this_456 (см .: http://jsfiddle.net/aLxTz/).

Однако, поскольку <div id="body"/> идентифицирован по ID (#body), он избыточен, чтобы искать его внутри и другой элемент - он должен быть уникальным для всего документа. Используйте атрибут class="", если вы ожидаете иметь несколько экземпляров тела <div/>, например. <div class="body">...</div>.

Кроме того, обратите внимание на то, что обработчик onclick имеет переменную , заданную элементом контекста. Поскольку это элемент в самом вопросе, вы можете написать

<div class="main" id="this_456"> ... </div> 

$(".main").click(function() { 
    $(this).chlidren(".body").fadeOut(); 
}); 

Answer 2

Попробуйте этот код:

function change(id) { 
    $('#this_'+id+ ' > div').find("#body").fadeOut(); 
} 

Answer 3

<div class="main" id="this_456" onclick="change(this)"> 
<div id="title">some text</div> 
<div id="body">some text as well</div> 
</div> 

function change(elm) { 
    $(elm).children("#body").fadeOut(); 
} 

FIDDLE