Jquery 如果 div 有 value1-10 添加类

Question

因此，我正在尝试为我的网站建立此声誉栏，该声誉栏仅取决于给定的数字。功能应该是这样的。

如果 div 的值为 1-10，请添加 class="beginner" 如果 div 的值为 11-20，请添加 class="mediocre" 如果 div 的值为 21-30，请添加 class="hardcore" 等等..

我有这个:

<div><a>7</a></div>

我想要的是这样的:

<div class="beginner"><a>7</a></div>

我想我应该从这样的事情开始:

$("div:contains('0>10')").addClass("begginer");

但我非常确定这是行不通的。谁能帮我这个？我在这里很迷路:(

Answer 1

只需使用.filter():

$('div').filter(function() {
  var number = parseInt($(this).text(), 10);

  return (number >= 1) && (number <= 10);
}).addClass("beginner");