Условно изменить BG изображение jQuery

Я думаю, что мой подход состоял бы в том, чтобы сохранить фоновые URL-адреса в массиве.

var imgs = ['BB.png','BH.png']; // etc in right order

var myIndex = Math.floor(combo.hcs/10);
$(".myClass").css("background-image", "url(" + imgs[myIndex] + ")");

С помощью этого решения вам не нужны инструкции if/else. За каждую десятую вы храните img-name в массиве.

Если вы попросите другое решение, я бы сделал это в общем виде. Я бы назвал изображения, такие как 10.png, 20png, 30.png... 100.png

и затем загрузит их примерно так:

var imageName = Math.ceil(combo.hcs/10)*10
var imageFullName = imageName+'.png'
$(".myClass").css("background-image", "url('"+imageFullName+"')";

вы отредактируете его, но я надеюсь, что вы поняли, у этого есть только 3 строки. Вы также можете добавить условия для граничных размеров.

И про вашу ошибку: ваш код

if (combo.hcs <= 10) && (combo.hcs >= 1)

должно быть следующим:

if ((combo.hcs <= 10) && (combo.hcs >= 1))

Рассмотрим инструкцию switch и более сжатый подход, чтобы оставаться DRYer и чище:

  var bg;
  var x = combo.hcs;

switch (true) {
   case (x>0 && x<=10):
     bg = "BB";
     break;
   case (x>10 && x<=20):
     bg = "BH";
     break;

// etc....

}

$(".myClass").css("background-image", "url('" + bg + ".png'");

Вы не должны закрывать скобки. Скобки заключают условие:

if (combo.hcs <= 10 && combo.hcs >= 1)
        $(".myClass").css("background-image", "url('BB.png')";