2017-01-02 3 views
1

Я хочу динамически рассчитать процентное значение и передать процентное значение, чтобы добавить к нему префикс класса 'p'. Для каждого его значения у меня есть класс css, существующий в моем файле css.addclass в параметре jquery для переменной javascript

Пожалуйста, помогите найти способ сделать это.

ac.sumPer=((ac.sum/5)*100); 
    ac.test='p'+ac.sumPer; 
    console.log(ac.test); 

    $('#change').addClass("c100 big dark ac.test"); 
+2

'$ ('# изменение') addClass ("c100 большой темный" + ac.test). ; ' – Tushar

+0

[Использование переменных javascript в селекторах jquery] (// stackoverflow.com/q/5891840), [jQuery: использование переменной в качестве селектора] (// stackoverflow.com/q/17097947) – Tushar

+0

Вы можете использовать 'addClass()' несколько раз, т.е. '$ ('# change'). addC lass («c100 большой темный») .addClass (ac.test); ' – Satpal

ответ

1

Вот как вы можете использовать addclass() с именами переменных. Ниже также изображение, когда вы проверяете использование инструментов dev.

$(document).ready(function(){ 
 
var classname ="text"; 
 
\t $('p').addClass("paragraph "+ classname); 
 
})
.paragraph{ 
 
    font-weight:bold; 
 
} 
 
.text{ 
 
    color:blue; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<p> 
 
Hello There 
 
</p>

enter image description here

Для вас Если код должен быть:

ac.sumPer=((ac.sum/5)*100); 
ac.test='p'+ac.sumPer; 
console.log(ac.test); 

$('#change').addClass("c100 big dark "+ac.test); 
+0

спасибо большое .. :) –

+0

приветствую :) – Manish

3

Вы можете попробовать рев. Если вы передадите переменную в двойной кавычки, то ее значение не будет заменено.

ac.sumPer=((ac.sum/5)*100); 
ac.test='p'+ac.sumPer; 
console.log(ac.test); 

$('#change').addClass("c100 big dark "+ ac.test); 
+0

спасибо alot .. :) –

+0

Ваше приветствие :) –

Смежные вопросы