, сравнивая два attr со значениями

Question

Я пытаюсь получить математику для этого, возможно, отсутствует что-то простое. Он должен выплюнуть дислокацию, но я получаю NaN. Вот мой код.

Jquery

console.log("-----" +$('.images').attr('dis') - $('.images').attr('loc') 
         ); 

Я понимаю, что я мог бы поместить их в вар, но это должно работать на возможно 30 изображений.

<img style="left: -195px; height: 882px;" class="images" speed-racer="55" src="-------/assets/img/fwman/FeeneyMan_bike.png" loc="300px" dis="-140"> 

Я должен держать HTML скрытый, поэтому я не хочу поделиться этим .. Но спасибо за -2 = р

/------------ --------------------------------------/ Спасибо всем за ваш ввод, окончательный код работал должным образом.

$('.images').each(function() { 
     speed_racer = $(this).attr('speed-racer'); 
     $(this).css({ 
      left: "+=" + (parseFloat($('.images').attr('dis')) - parseFloat($('.images').attr('loc'))/parseFloat($('.images').attr('dis')) 
    ) 
    }); 

Answer 1

Используйте parseFloat & кронштейны тщательно.

console.log("-----" + (parseFloat($('.images').attr('dis')) - parseFloat($('.images').attr('loc')))); 

EDIT:

Разница между parseFloat & ParseInt (заданный OP) с примером:

parseFloat("1.02") = 1.02 //includes decimal 
parseInt("1.02") = 1 //ignores digits after decimal point 

Answer 2

Пробуйте так. Обратите внимание, что дополнительные ()

console.log("-----" + ($('.images').attr('dis') - $('.images').attr('loc'))); 

Я думаю, что причина в том, что вы добавляете строку в число, а затем вы вычитая их обоих.

Answer 3

Вы пытались фактически преобразовать эти строковые значения в целые числа, используя parseInt() или parseFloat()?

var value = parseInt($('.images').attr('dis')) - parseInt($('.images').attr('loc')); 
console.log("-----" + value); 

Answer 4

не те должны быть атрибуты данных?

console.log("-----" +$('.images').attr('data-dis') - $('.images').attr('data-loc')); 

Answer 5

Поскольку у вас есть около 30 изображений на вашем сайте $('.images').attr('dis') будет иметь несколько результатов. Таким образом, вам нужно использовать foreach, например:

$('.images').each(function(){ 
    console.log(parseFloat($(this).attr('dis')) - parseFloat($(this).attr('loc'))); 
})