Как вы выбираете потомков элементов в JQuery?

Question

У меня есть пара разделов с текстовыми полями, в которых установлен скрытый экран. Когда один из этих divs переключается нажатием кнопки, я хочу переключать все, что есть в них (текстовые поля), потому что тогда только контейнер div переключается, а все в нем скрыто. Это то, что я хочу, чтобы это произошло:

$("#btn").click(function() { 
    $("#specificDiv", "#specificDiv#textareaID").toggle(); 
}); 

Или

$("#btn").click(function() { 
    $("#specificDiv", "#specificDiv textarea/allDescendants").toggle(); 
}); 

Идея следующая логика селектор CSS не работает.

Answer 1

Вы не должны отделять каждый селектор, заключенный в кавычки. Вместо этого, они должны быть разделены запятыми, но все обернутые вместе в кавычки:

Чтобы найти все textarea потомков #specificDiv:

$("#specificDiv, #specificDiv textarea").toggle();

Или найти только направить textarea детей #specificDiv:

$("#specificDiv, #specificDiv > textarea").toggle();

Вы также можете использовать .children() или .find() чтобы найти либо прямых потомков, либо любых потомков:

$("#specificDiv").toggle(); 
$("#specificDiv").find("textarea").toggle();