在 JavaScript 中计算具有特定类的单元格

Question

我有一个 HTML 表格和以下脚本，用于根据单元格的内容向单元格添加特定的

class

。

现在，我只想计算带有

class = active

的项目，并用这些项目的数量触发模态 (

autoOpen: true

)。 有什么建议吗？

<script>
$('td').each(function() {
var $this = $(this)
  if ($this.text().match(new RegExp(/^[0-9][A-Z]/)) !== null ) {
    $this.addClass('active');
  }
  if ($this.text().match(new RegExp(/^c[0-9]/)) !== null ) {
    $this.addClass('none');
  }
});
</script>

Answer 1

这是一个更有效的代码，它返回切换的活动单元格的数量

const re1 = /^[0-9][A-Z]/; // Digit followed by an uppercase letter
const re2 = /^c[0-9]/; // 'c' followed by a digit

const actives = $('td').each(function() {
  const text = $(this).text();
  $(this).toggleClass('active', text.match(re1) !== null);
  $(this).toggleClass('null', text.match(re2) !== null);
})
.filter(function() { 
  return this.classList.contains('active'); 
}).length;

console.log(actives);