jquery ajouter une ligne onclick

Question

** EDIT --- Essayer une version encore plus simplifiée .... Ne fonctionne toujours pas ... Renvoie $ (this) .closest n'est pas une erreur de fonction ... **

$("#fitable input[name^=f1]").focus(function() { 
     var newRow = '<tr><td></td><td></td><td></td><td></td></tr>'; 
     $(this).closest("tbody").append(newRow); 
    }); 

original post

assez nouveau pour jQuery, je suis en espérant que quelqu'un peut me aider ... il y a deux ou trois choses qui se passent ici ... aide avec une partie de celui-ci est apprécié .

Pour commencer, j'essaie d'ajouter une ligne à une table lorsqu'un utilisateur clique dans le premier champ de saisie activé pour cette ligne. Voici le code que je suis en train d'utiliser:

$("#fitable > tbody > tr > td > input").bind('focus', function() { 
     if($(this).attr('disabled', false)) { 
      $(this).click(function() { 
        var newRow = '<tr><td><input name="f1[]" value="" /><label>CustNew</label></td><td><input name="field_n1[]" value="" /><label>N1</label></td><td><input name="field_n2[]" value="" /><label>N2</label></td></tr>'; 
        $(this).closest("tbody").append(newRow); 
      }); 
     } 
    }); 

S'il est utile, voici le code html:

<table id="fitable"> 
    <tbody> 
     <tr valign="top"> 
      <td><input disabled="disabled" name="cust" id="edit-cust" value="sample@sample.com" type="text"><label>Cust</label></td> 
      <td><input name="field_n1[]" value="" type="text"><label>N1</label></td> 
      <td><input name="field_n2[]" value="" type="text"><label>N2</label></td> 
     </tr> 
    </tbody> 
</table> 

Answer 1

Je pense que votre sélection est incorrect. Essayez ceci:

$("#fitable > tr td input:enabled:first").focus(function() { 
    var newRow = '<tr><td><input name="f1[]" value="" /><label>CustNew</label></td><td><input name="field_n1[]" value="" /><label>N1</label></td><td><input name="field_n2[]" value="" /><label>N2</label></td></tr>'; 
    $(this).parents("tbody:first").append(newRow); 
}); 

Vous ne devez pas vérifier désactivé sur la fonction de gestionnaire, car cela ne se lie aux éléments activés en premier lieu.

Answer 2

Je pense que votre instruction if définissant l'attribut cliqué sur false. Essayez ceci:

if($(this).attr('disabled') == false) { 
    // do stuff 
} 

Answer 3

Essayez ceci:

$("#fitable input").focus(function() { 
     if($(this).attr('disabled', false)) { 
      $(this).click(function() { 
        var newRow = '<tr><td><input name="f1[]" value="" /><label>CustNew</label></td><td><input name="field_n1[]" value="" /><label>N1</label></td><td><input name="field_n2[]" value="" /><label>N2</label></td></tr>'; 
        $(this).closest("tbody").append(newRow); 
      }); 
     } 
    });