javascript - 将类添加到表列

Question

我有一个包含三列的表，需要访问第三列。我必须检查此列中的项目是否将国家/地区作为值，如果是，则添加一个类。

如果没有 jQuery，我该如何做到这一点？

Answer 1

使用querySelectorAll() ，使用 td:nth-child(3) 作为选择器来抓取每行的第三个单元格。

迭代集合，当单元格 textContent 时添加类 不为空:

var cells = document.querySelectorAll('td:nth-child(3)');

for(var i = 0 ; i < cells.length ; i++) {
  if(cells[i].textContent.trim() > '') {
    cells[i].classList.add('present');
  }
}

.present {
  background: orange;
}

<table>
  <tr><th>First name</th><th>Last name<th>Country
  <tr><td>Thomas    </td><td>Doe      </td><td>Australia</td>
  <tr><td>Richard   </td><td>Webster  </td><td>         </td>
  <tr><td>Harold    </td><td>Hooligan </td><td>USA      </td>
</table>