jquery append 行 onclick

Question

**编辑 --- 尝试更简化的版本...仍然不起作用...返回 $(this).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

我认为您的 if 语句将 clicked 属性设置为 false。试试这个:

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