справиться с JQuery помочь PLS

Question

ОК, я только начинаю понимать JQuery, поэтому, пожалуйста, извините за мои "глупые" вопросы.

Я хочу сделать что-то вроде этого при загрузке документа:

$(':input:visible').each(function(i){

    if($(this.getAttribute('required')!=null)) { $(this).css({ 'border-color':'#800000' }); }                               

});

Итак, простыми словами, у меня есть:

$(document).ready(function() {
    $(':input:visible').each(function(i){
    if($(this.getAttribute('required')!=null))
    { $(this).css({ 'border-color':'#800000' }); }  
    });
    });

Есть ли причина, по которой это не работает?

Answer 1

Эта строка

if($(this.getAttribute('required')!=null)) {

очень своеобразна.

Вы хотите использовать функцию attr:

if ($(this).attr('required') != null) {

илиеще лучше и проще свойство объекта:

if (this.required) {

Answer 2

попробуйте это:

стиль:

input.requiredcss { 'border-color':'#800000'; }

JS:

$('#adminwrapinner').load('inc/frm_create.php', function(response, status, xhr) {

   var adminwrapinner = this;

   if (status == "success") {

     $(':input:visible:not(.requiredcss)', adminwrapinner).each(function(i){

        if($(this).attr('required')) { 
           $(this).addClass("requiredcss"); 
        } 

     });
   }   
});

Answer 3

Используйте этот код, он работает правильно

$(document).ready(function() {
    $('input:visible').each(function(i){
        if($(this).attr('required') != undefined)
            $(this).css({ 'border-color':'#800000' });  
    });
});