addClass не работает

У меня есть этот код:addClass не работает

<div class="tableperso input-append"> 
<form id="perso" action="form/perso.php" method="post"> 
<table class="table2 table-bordered"> 
    <tr> 
    <td> 
     <input class="input-medium" type="text" placeholder="CMS" name="cmsperso" id="cmsperso" pattern="[-.,_ a-zA-ZáàâäãéèêëíìîïóòôöõúùûüýÿÁÀÂÄÃÉÈÊËÍÌÎÏÓÒÔÖÕÚÙÛÜÝ]+" /> 
     <input class="separ2 input-medium" type="text" placeholder="Chef de Quart" name="chefdequart" id="chefdequart" pattern="[-.,_ a-zA-ZáàâäãéèêëíìîïóòôöõúùûüýÿÁÀÂÄÃÉÈÊËÍÌÎÏÓÒÔÖÕÚÙÛÜÝ]+" /> 
     <input class="separ2 input-medium" type="text" placeholder="Adjoint" name="adjoint" id="adjoint" pattern="[-.,_ a-zA-ZáàâäãéèêëíìîïóòôöõúùûüýÿÁÀÂÄÃÉÈÊËÍÌÎÏÓÒÔÖÕÚÙÛÜÝ]+" /> 
    </td> 
    <td class="button"> 
     <button id="persobtn" type="submit" name="persobtn" class="btn"><i class="icon-ok"></i></button> 
    </td> 
    </tr> 
</table> 
</form> 
</div> 

<script type="text/javascript"> 
$(function() { 
$('#perso').submit(function() { 
    $.ajax({ 
    url: this.action, 
    type: this.method, 
    data: $(this).serialize(), 
    success: function(data){ 
     data = $.parseJSON(data); 
     if(data.status == "ok") { 
      var now = new Date(); 
      var hours = now.getHours(); 
      if (now.getHours() <= 9) { 
       var hours = '0'+now.getHours(); 
      } 
      else { 
       var hours = now.getHours(); 
      } 
      var minutes = now.getMinutes(); 
      if (now.getMinutes() <= 9) { 
       var minutes = '0'+now.getMinutes(); 
      } 
      else { 
       var minutes = now.getMinutes(); 
      } 
      var cmsperso = $("#cmsperso").val(); 
      var chefdequart = $("#chefdequart").val(); 
      var adjoint = $("#adjoint").val(); 
      var emptycmsperso = $("#cmsperso").val().length == 0; 
      var emptychefdequart = $("#chefdequart").val().length == 0; 
      var emptyadjoint = $("#adjoint").val().length == 0; 

      if (emptycmsperso && emptychefdequart && emptyadjoint) { 
      $('#persobtn').addClass('btn-danger') 
       .delay(1000) 
       .queue(function() { 
       $(this).removeClass('btn-danger'); 
       $(this).dequeue(); 
       }); 
      } 
      else if (emptycmsperso && emptychefdequart) { 
      $('#persobtn').addClass('btn-success') 
        .delay(1000) 
        .queue(function() { 
        $(this).removeClass('btn-success'); 
        $(this).dequeue(); 
        }); 
      var nouvelle_ligne = $('<tr><td class="thtime">'+hours+'h'+minutes+'</td><td>Prise de fonction de <b class="textepersoadj">'+adjoint+'</b> en tant qu\'adjoint.</td><td class="button"><button class="editperso"><i class="icon-pencil"></i></button></td><td class="button"><button class="trashperso"><i class="icon-trash"></i></button></td></tr>').fadeIn('fast'); 
      } 
      else if (emptychefdequart && emptyadjoint) { 
      $('#persobtn').addClass('btn-success') 
        .delay(1000) 
        .queue(function() { 
        $(this).removeClass('btn-success'); 
        $(this).dequeue(); 
        }); 
      var nouvelle_ligne = $('<tr><td class="thtime">'+hours+'h'+minutes+'</td><td>Prise de fonction de <b class="textepersocms">'+cmsperso+'</b> en tant que CMS.</td><td class="button"><button class="editperso"><i class="icon-pencil"></i></button></td><td class="button"><button class="trashperso"><i class="icon-trash"></i></button></td></tr>').fadeIn('fast'); 
      } 
      else if (emptycmsperso && emptyadjoint) { 
      $('#persobtn').addClass('btn-success') 
        .delay(1000) 
        .queue(function() { 
        $(this).removeClass('btn-success'); 
        $(this).dequeue(); 
        }); 
      var nouvelle_ligne = $('<tr><td class="thtime">'+hours+'h'+minutes+'</td><td>Prise de fonction de <b class="textepersocdq">'+chefdequart+'</b> en tant que Chef de Quart.</td><td class="button"><button class="editperso"><i class="icon-pencil"></i></button></td><td class="button"><button class="trashperso"><i class="icon-trash"></i></button></td></tr>').fadeIn('fast'); 
      } 
      else if (emptycmsperso) { 
      $('#persobtn').addClass('btn-success') 
        .delay(1000) 
        .queue(function() { 
        $(this).removeClass('btn-success'); 
        $(this).dequeue(); 
        }); 
      var nouvelle_ligne = $('<tr><td class="thtime">'+hours+'h'+minutes+'</td><td>Modification de l\'équipe de Quart : <b class="textepersocdq">'+chefdequart+'</b> prend la fonction de Chef de Quart et <b class="textepersoadj">'+adjoint+'</b> prend celle d\'adjoint.</td><td class="button"><button class="editperso"><i class="icon-pencil"></i></button></td><td class="button"><button class="trashperso"><i class="icon-trash"></i></button></td></tr>').fadeIn('fast'); 
      } 
      else if (emptychefdequart) { 
      $('#persobtn').addClass('btn-success') 
        .delay(1000) 
        .queue(function() { 
        $(this).removeClass('btn-success'); 
        $(this).dequeue(); 
        }); 
      var nouvelle_ligne = $('<tr><td class="thtime">'+hours+'h'+minutes+'</td><td>Modification de l\'équipe de Quart : <b class="textepersocms">'+cmsperso+'</b> prend la fonction de CMS et <b class="textepersoadj">'+adjoint+'</b> prend celle d\'adjoint.</td><td class="button"><button class="editperso"><i class="icon-pencil"></i></button></td><td class="button"><button class="trashperso"><i class="icon-trash"></i></button></td></tr>').fadeIn('fast'); 
      } 
      else if (emptyadjoint) { 
      $('#persobtn').addClass('btn-success') 
        .delay(1000) 
        .queue(function() { 
        $(this).removeClass('btn-success'); 
        $(this).dequeue(); 
        }); 
      var nouvelle_ligne = $('<tr><td class="thtime">'+hours+'h'+minutes+'</td><td>Modification de l\'équipe de Quart : <b class="textepersocms">'+cmsperso+'</b> prend la fonction de CMS et <b class="textepersocdq">'+chefdequart+'</b> prend celle de Chef de Quart.</td><td class="button"><button class="editperso"><i class="icon-pencil"></i></button></td><td class="button"><button class="trashperso"><i class="icon-trash"></i></button></td></tr>').fadeIn('fast'); 
      } 
      else { 
      $('#persobtn').addClass('btn-success') 
        .delay(1000) 
        .queue(function() { 
        $(this).removeClass('btn-success'); 
        $(this).dequeue(); 
        }); 
      var nouvelle_ligne = $('<tr><td class="thtime">'+hours+'h'+minutes+'</td><td>Modification de l\'équipe de Quart : <b class="textepersocms">'+cmsperso+'</b> prend la fonction de CMS, <b class="textepersocdq">'+chefdequart+'</b> prend celle de Chef de Quart et <b class="textepersoadj">'+adjoint+'</b> prend celle d\'adjoint.</td><td class="button"><button class="editperso"><i class="icon-pencil"></i></button></td><td class="button"><button class="trashperso"><i class="icon-trash"></i></button></td></tr>').fadeIn('fast'); 
      } 
      $('#tablemc').append(nouvelle_ligne); 
     } 
     else { 
      alert(data.error); 
     } 
    } 
    }); 
return false; 
}); 
$(document).on("click", ".trashperso", function(e){ 
    e.preventDefault(); 
    var $ligneParent = $(this).parent().parent(); 
    trashperso($ligneParent); 
}); 

function trashperso(aLigneToTrash) { 
if (confirm("Vous allez supprimer définitivement cette ligne !")) { 
    var cmsperso = aLigneToTrash.children().children('.textepersocms').html(); 
    var chefdequart = aLigneToTrash.children().children('.textepersocdq').html(); 
    var adjoint = aLigneToTrash.children().children('.textepersoadj').html(); 

    $.ajax({ 
    type: "POST", 
    url: "form/delete/deleteperso.php", 
    data: { cmsperso: cmsperso, chefdequart: chefdequart, adjoint: adjoint }, 
    cache: false, 
    success: function() { 
     aLigneToTrash.fadeOut('slow', function() { 
     aLigneToTrash.remove(); 
     }); 
    } 
    }); 
    return false;  
} 
} 

$(document).on("click", ".editperso", function(f){ 
    f.stopPropagation(); 
    var $CellParent = $(this).closest('td').prev().prev(); 
    editperso1($CellParent); 
}); 

function editperso1(aCellToEdit) { 
    aCellToEdit.editable({ 
    mode: 'inline', 
    inputclass: 'input-mini' 
    }); 
} 

$(document).on("click", ".editperso", function(g){ 
    g.stopPropagation(); 
    var $CellParent = $(this).closest('td').prev().children('b'); 
    editperso2($CellParent); 
}); 

function editperso2(bCellToEdit) { 
    bCellToEdit.editable({ 
    mode: 'inline', 
    inputclass: 'input-medium texteperso', 
    type: 'text', 
    success: function() { 
     var cmsperso = $('.textepersocms').next('span').children('div').children('form').children('div').children('div').children('div').children('input.texteperso').val(); 
    var chefdequart = $('.textepersocdq').next('span').children('div').children('form').children('div').children('div').children('div').children('input.texteperso').val(); 
    var adjoint = $('.textepersoadj').next('span').children('div').children('form').children('div').children('div').children('div').children('input.texteperso').val(); 

    if(cmsperso === undefined) { var cmsperso = $(this).closest('td').children('.textepersocms').html(); } 
    if(chefdequart === undefined) { var chefdequart = $(this).closest('td').children('.textepersocdq').html(); } 
    if(adjoint === undefined) { var adjoint = $(this).closest('td').children('.textepersoadj').html(); } 

    var cmsperso2 = $(this).closest('td').children('.textepersocms').html(); 
    var chefdequart2 = $(this).closest('td').children('.textepersocdq').html(); 
    var adjoint2 = $(this).closest('td').children('.textepersoadj').html(); 

    var pattern = /^[\-.,_ a-zA-ZáàâäãéèêëíìîïóòôöõúùûüýÿÁÀÂÄÃÉÈÊËÍÌÎÏÓÒÔÖÕÚÙÛÜÝ]+$/; 
    var patterncms = pattern.test(cmsperso); 
    var patterncdq = pattern.test(chefdequart); 
    var patternadj = pattern.test(adjoint); 

    if (patterncms == true && patterncdq == true && patternadj == true) { 
     $.ajax({ 
     type: "POST", 
     url: "form/update/updateperso.php", 
     data: { cmsperso: cmsperso, cmsperso2: cmsperso2, chefdequart: chefdequart, chefdequart2: chefdequart2, adjoint: adjoint, adjoint2: adjoint2 } 
     }); 
    } 
    else { 
     $('input.texteperso').parents('div.control-group').each(function() { 
     $(this).addClass('error'); 
     console.log($(this)); 
     }); 
     return false; 
    } 
    } 
    }); 
} 
});

addClass не работает, я использую JQuery 1.9.1 и 2.3.0 Bootstrap. Перед этим кодом я создаю динамический ввод в div с классом «control-group». Если ошибки нет, все работает нормально, но если есть проблема, я хочу добавить класс «ошибка», но console.log возвращает «jQuery(div.control-group)» без класса ошибки.

и "это" возвращение к <div class="control-group">

при попытке addClass, изменить ничего.

когда я попробую attr('class', 'error'), у меня есть ошибка.

когда я пытаюсь attr('class', 'control-group error'), у меня есть только контроль-группы

и когда я пытаюсь attr('class', 'control-group'+ 'error'), у меня есть контроль-grouperror (без пробела)

спасибо за помощь мне

источник

2013-02-20 user1825668

что 'this' в контексте –

опубликовать HTML слишком – bipen

использование Jquery миграции и не jquery 1.9 есть ошибка синуса с последней версией. а я бы сказал, что последний релиз не является стабильным

jquery.com/download/

источник

2013-02-20 05:41:13 asifsid88

кстати вы уверены, что с написанием' $ ('input.texteperso') ' – asifsid88

jQuery migrate ничего не меняет и да, я уверен, что для ввода. texteperso ... – user1825668

Вы должны попробовать .parents функцию JQuery.

как .parents работа.

Пример

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript"> 

    $(function() 
    { 
     console.log($("#getMe").parents('div#main')); 
     console.log($("#getMe").parents('div#second')); 
    }); 

</script> 


<div id="main"> 
    <div id="second"> 
     <div id="first"> 
      <div>1</div> 
      <div>2</div> 
      <div id="getMe">3</div> 
     </div> 
    </div> 
</div>

.parents получить все родители dom специфической dom, который выбран с помощью селектора JQuery.

Теперь передайте селектор на .parents, после чего он будет принят dom.

в вашем случае она должна быть $("input.texteperso").parents('div.control-group')

изменить Также patterncms===true && patterncdq===true && patternadj===true к patterncms == true && patterncdq == true && patternadj == true

источник

2013-02-20 05:59:47

спасибо за вашу помощь, i try 'else { $ ('input.texteperso'). parent ('div.control-group'). each (function() { $ (this). addClass ('error'); console.log ($ (this)); }); return false; } ' , но ничего не меняется. – user1825668

вы проверили в firebug для этого недавно прикрепленного класса. ?? –

@ user1825668, а также не нужно использовать .each, вместо этого вы также можете сделать это как $ ('input.texteperso').родители ('div.control-группа') addClass ('ошибка'). –

addClass не работает

ответ

Смежные вопросы