隐藏多个div上的所有子元素

Question

我有四个div并希望隐藏它们每个上的所有子元素。

$('#col1').children().hide(); 
$('#col2').children().hide(); 
$('#col3').children().hide(); 
$('#col4').children().hide(); 

我相信还有更好的办法。

Answer 1

是的，你可以只用一条线做：

$('#col1, #col2, #col3, #col4').children().hide(); 

如果只有这些div您可能会降低大家：

$('[id^="col"]').children().hide(); 

这样具有ID出发的所有div与col将被选中。