如何使用 javascript 或 jquery 使用追加更改输入中的类值

How to change class value in input with append use javascript or jquery

本文关键字：输入 追加 javascript 何使用 jquery      更新时间：2023-09-26

如何在输入中更改类的名称，这是我的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>
你不需要

替换元素，你可以添加新的类：

$(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 属性是无效的，如果要将这些元素组合在一起，则应将它们更改为类。

注意：DOM 中的元素不应共享相同的 id 标记。例如，您不应该有 3 个输入元素都具有相同的 id="b"。

要更改类，您可以使用 .removeClass（） 后跟 .addClass（） jQuery 方法：

// select the input element with id=b
$("input#b").on('keyup', function(e) {
    // remove classes "a" and "nay", add classes "new" and "name"
    $(this).removeClass("a nhay").addClass("new name");
});
相关文章：