javascript - 如何将 css 添加到 Jquery 中的 .after 函数

Question

$( document ).ready(function() {    
    $('#btnSoumettre').click(function(){    
      $('.must').each(function( index ) {

            if( !$(this).val() ) {
              $(this).css('border-color','red');
              $(this).after( "*" );           
            }    
        });
   });
});

这是一个简单的 jQuery。我想知道的是如何添加我的字符​​串并使其变为红色？

Answer 1

根据评论编辑:

您可以执行以下操作以在没有值时激活边框，并在输入值时将其移除。

• 删除 .after()，因为它没有必要。
• 添加一个 else 以在输入值后删除边框。

$(document).ready(function() {
  $('#btnSoumettre').click(function() {
    $('.must').each(function(index) {
      if (!$(this).val()) {
        $(this).css('border-color', 'red');
        $(this).next('span').css('display', 'inline');
      } else {
        $(this).css('border-color', 'initial');
        $(this).next('span').css('display', 'none');
      }
    });
  });
});

span {
  display: none;
  color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
first <input class="must" value="value1"><span> required</span><br> 
second - no value <input class="must"><span> required</span><br> 
third <input class="must" value="value3"><span> required</span><br> 
fourth no value <input class="must"><span> required</span><br>
<button id="btnSoumettre">validate</button>