jquery добавить строку onclick

Question

** EDIT --- Попытка еще более упрощенной версии ... Все еще не работает ... Возвращает $ (это) .closest не является функцией ошибки ... **

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

Оригинал сообщение

Довольно новый для JQuery, так что я надеюсь, что кто-то может помочь мне ... Там есть пара вещей происходит здесь ... Помогите с какой-либо его части ценится ,

Для начала я пытаюсь добавить строку в таблицу, когда пользователь щелкает в первом разрешенном поле ввода для этой строки. Вот код, который я пытаюсь использовать:

$("#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); 
      }); 
     } 
    }); 

Если это полезно, вот 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

Я думаю, что ваш селектор некорректен. Попробуйте это:

$("#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); 
}); 

Вы не должны проверить отключить в функции обработчика, потому что это будет связывать только с включенными элементами в первую очередь.

Answer 2

Я думаю, что ваш, если оператор установки щелкнул атрибут ложной. Попробуйте это:

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

Answer 3

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

$("#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); 
      }); 
     } 
    });