Тема: jQuery відслідковування кількох елементів
Я почав вивчати jQuery і зіткнувся з проблемою, я хочу динамічно відслідковувати елементи з певним і змінювати їх властивості, та поки не можу зрозуміти як це зробити
<form id="calc">
<input class="kv" type="text" id="a" pattern="\d*">
<span>x2 + </span>
<input class="kv" type="text" id="b" pattern="\d*">
<span>x + </span>
<input class="kv" type="text" id="c" pattern="\d*">
<span> = 0</span>
</form>
-------------------------------------------------------------------------
Тут змінюються конкретно всі елементи, а мені треба щоб змінювався тільки той який був редагований
<script>
document.querySelector(".kv").onchange = function(){
if(this.value.length>0){
$(".kv").css({'border-color' : '#0dba2c'});
}else{
$(".kv").css({'border-color' : '#d13008'});
}
}
</script>
Перечисляти всі елементи по id не варіант
Підкажіть як з максимально коротким і лаконічним кодом вирішити цю проблему
Якщо є якісь зауваження до мого гавнокоду будьласка покритикуйте