jquery 附加行 onclick

发布于 2024-08-29 23:31:26 字数 1796 浏览 4 评论 0原文

**编辑 --- 尝试更简化的版本...仍然不起作用...返回 $(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="[email protected]" 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>

原文

**EDIT --- Trying an even more simplified version.... Still doesn't work... Returns $(this).closest is not a function error... **

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

Pretty new to jQuery, so I'm hoping someone can help me out... There's a couple of things going on here... Help with any part of it is appreciated.

For starters, I'm trying to append a row to a table when a user clicks in the first enabled input field for that row. Here's the code I'm trying to use:

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

If it's helpful, here's the html:

<table id="fitable">
    <tbody>
        <tr valign="top">
            <td><input disabled="disabled" name="cust" id="edit-cust" value="[email protected]" 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>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

海风掠过北极光 2024-09-05 23:31:26

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

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

I think your if statement is setting the clicked attribute to false. Try this:

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

回复收藏 0 原文

卸妝后依然美 2024-09-05 23:31:26

我认为你的选择器不正确。试试这个：

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

您不必在处理程序函数中检查禁用，因为这只会首先绑定到启用的元素。

I think your selector is incorrect. Try this:

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

You don't have to check disabled in the handler function, because this will only bind to the enabled elements in the first place.

回复收藏 0 原文

橘寄 2024-09-05 23:31:26

试试这个：

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

Try this:

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

回复收藏 0 原文

~没有更多了~