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自举。在此代码之前，我使用类“control-group”在div中创建了一个动态输入。如果没有错误，一切工作正常，但如果有一个问题，我想补充类“错误”，但执行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'在上下文 – 2013-02-20 05:42:10

的方式发表您的HTML太 – bipen 2013-02-20 05:44:36

使用jQuery迁移和不是jquery 1.9 有最新版本的正弦错误。而我要说的是最新的版本是不是稳定

jquery.com/download/

来源

2013-02-20 05:41:13 asifsid88

你肯定有'$的拼写（'input.texteperso'）' – asifsid88 2013-02-20 05:45:02

jquery migrate没有任何改变，是的，我确定输入。 texteperso ... – user1825668 2013-02-20 06:02:22

你应该尝试.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这是选择使用jQuery选择dom。

现在通过选择到.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

感谢您的帮助，我试过 'else {'input.texteperso'）。parents（'div.control-group'）。each（function（）{（this）。 addClass（ '错误'）; 的console.log（$（本））; }）; 返回false; }' 但没有任何变化。 – user1825668 2013-02-20 06:13:03

你有没有检查过新附加班级的萤火虫？ – 2013-02-20 06:18:39

@ user1825668，也没有必要使用。每个代替你也可以做到这一点为$（“input.texteperso”）。父母（ 'div.control组'）addClass（ '错误'）。 – 2013-02-20 06:20:15

addClass不工作

回答

相关问题