Бортовой журнал Ктулху

Рекурсивный обход дочерних элементов на jQuery

Три способа обойти дочерние элементы на jQuery.

Есть несколько способов это сделать, я напишу три из них.

 

1. Если у элементов есть одинаковый класс.

2. В цикле перебрать все элементы. Этот способ подойдет только если нужно применить действие ко всем элементам.

3. При помощи регулярного выражения, если у элементов id или класс, имеющий какую-то общую часть.

// найти по классу все вложенные
$('#example_table tbody').find('.data').html("");
// Пройтись циклом
$('#example_table tbody').each(function() {
                      $(this).find('.data').html("");
});
// Регулярное выражение по маске (части ID)
$('#example_table tbody [id^="same_"]').html("");