javascript - 如何通过附加使用 javascript 或 jquery 更改输入中的类值

Question

如何更改输入中的类名称，这是我的 HTML 代码:

<div id="c">
    <div class="aaa">
        <input id="b" name="aa" class="a" />
        <input id="b" name="aa" class="a nhay" />
        <input id="b" name="aa" class="a" />
    </div>
</div>

Javascript:

$(document).on('keyup', '.nhay', function (e) {
    if (e.keyCode == 13) {
        $(this).removeClass('a nhay');

        $('#c').append('<div class="aaa"><input id="b" name="aa" class="a"/><input id="b" name="aa" class="a nhay"/><input id="b" name="aa" class="a"/></div>');
    }
});

当我按下回车键时，我希望它是这样的

输出 HTML:

<div id="c">
    <div class="aaa">
        <input id="b" name="aa" class="a" />
        <input id="b" name="aa" class="new name" />
        <input id="b" name="aa" class="a" />
    </div>
</div>

Answer 1

您不需要替换元素，只需添加新类即可:

$(document).on('keyup', '.nhay',function(e) {
    if (e.keyCode == 13) {
        $(this).removeClass('a nhay').addClass('new name');
    }
});

您甚至可以将其缩短为仅调用一次 toggleClass():

$(this).toggleClass('a nhay new name');

另请注意，同一文档中的多个元素具有相同的 id 属性是无效的，如果要将这些元素分组在一起，则应将它们更改为类。