Как организовать вложенную итерацию (оператор each)?

Question

[Ivan Komarov]

Суть вопроса в следующем, доупустим есть такой DOM

<div class="section">
     <table>
          <tr><td>test</td><tr>
     </table>
</div>
<div class="section">
     <table>
          <tr><td>test</td><tr>
     </table>
</div>
<div class="section">
     <table>
          <tr><td></td><tr>
     </table>
</div>

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

$( ".section table" ).each(function(index) {
			/* и вот тут я хочу итерировать уже ячейки объекта (this),  подскажите, как это можно сделать? /*
		});

Answer 1

[Леонид Князев]

$(this).find('td')?

Comments

[Ivan Komarov]

Да, это подходит. Спасибо. Что-то я упустил возможность использования find
Только все-равно нужна вложенная итерация.
Вот что-мне нужно было:

$( ".panel-body table" ).each(function() {
			var td = $(this).find('td:last-child');
			var removeFlag = false;
			$( td ).each(function() {
				if ($(this).text()!="") removeFlag = true;
			});
			if (!removeFlag) {
				$(this).find("td:last-child, th:last-child").remove();	
			}
		});
</code)

Answer 2

[Stalker_RED]

Можно вообще ничего не перебирать, а просто проверить есть ли текст во всей таблице:

$('table').each(function(){
  if (this.textContent.trim().length === 0) {
    this.remove()
  }
})

https://jsfiddle.net/k3rzkfva/