Перебирайте вводы HTML и устанавливайте значения

Question

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

$(document).ready(function() {
    var input = $('.test').val();
    var isValid;
    $("input").each(function (){
    	var element = $(this);
      if (element.val() == "") {
        $('.test').val('empty');
      } 
    });   
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<input class="test" type="text">
<input class="test" type="text">
<input class="test" type="text">
<input class="test" type="text">
<input class="test" type="text" value="test">

Я хочу изменить, если значение пустое на «пустое», но если это не так, сохранить свое значение. Однако он устанавливает каждый вход «пустым», несмотря на то, что последний имеет свое значение. Кто-нибудь может мне помочь?

Answer 1

Используйте

element.val('empty');

Вместо

$('.test').val('empty');

Поскольку $('.test').val('empty'); является значением настройки empty для всех элементов, которые используют класс test. Если вы хотите изменить значение определенного элемента, используйте эту ссылку element вместо $('.test').

Вот ваш код с этой небольшой модификацией.

$(document).ready(function() {
    var input = $('.test').val();
    var isValid;
    $("input").each(function (){
    	var element = $(this);
      if (element.val() == "") {
        element.val('empty');
      } 
    });   
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<input class="test" type="text">
<input class="test" type="text">
<input class="test" type="text">
<input class="test" type="text">
<input class="test" type="text" value="test">

Answer 2

Привет, вы можете проверить значение атрибута, и оно должно работать.

$(document).ready(function() {
    var input = $('.test').val();
    var isValid;
    $("input").each(function (){
        var element = $(this);
      if (element.attr('value') == "") {
        $('.test').val('empty');
      } 
    });