Почему не работают методы JQuery?

Question

[AlexanZem]

Не могу понять в чем проблема?
Вот код:

$("#personal-form").on("submit", function(e){
	var userInputs = $("#personal-form .req-input");
	
	for(i = 0; i < userInputs.length; i++){
		if(userInputs[i].value == ""){ //val не работает
			userInputs[0].css("border-color", "red"); // не работает
			//userInputs[0].style.borderColor = "red"; // работает
			return false;
		}else{
			alert('Test');
		}
	}
	
});

Выборка элементов происходит нормально, но методы не работают, пробовал val, css, addClass
Если на чистом JS - все ок.
Но хочу с этим кодом разобраться в чем ошибка.

Вот код подключения перед закрывающим body:

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/scripts.js"></script>

Answer 1

[Roman Shcherbokov]

userInputs[0].css("border-color", "red") //Вы достаете без обертки jQuery  HTMLElement

//можно так
userInputs.eq(i).css("border-color", "red");
//или просто обернуть
$(userInputs[i]).css("border-color", "red");

Comments

[AlexanZem]

Спасибо, работает!

[Immortal_pony]

Да и цикл не нужен, jquery все сделает за вас.
userInputs.css("border-color", "red");