javascript - 动态更改 CSS 类名

Question

我需要使用特定类名（.k-textbox）更改页面中所有元素的 CSS 类名。我尝试了下面的代码，但它没有在 .each() 函数内命中

<script>
    $(document).ready(function () {    
        $(".k-textbox").each(function () {
            //alert("a");
            $(this).removeClass("k-textbox");
            $(this).addClass("input-medium");
        });
    });
    </script> 

在页面中，我有一个第 3 方网格控件。我提到的 CSS 类在第三方网格控件中。

下面是 DOM 对象：

Answer 1

您应该尝试使用 jQuery 库提供的链接 API：

$(".k-textbox").removeClass("k-textbox").addClass("input-medium");

编辑：

只要元素是动态创建的，您就可以在创建这些元素后尝试运行此代码。但是，如果您不知道它们何时被插入到代码中并且无法控制它们，您可以尝试编写简单的watch函数，即：

var watchTimer = setInterval(function () {
      var inputs = $('.k-textbox');
      if (inputs.length) {
          // clear interval
          clearInterval(watchTimer);

          // change class
          inputs.removeClass("k-textbox").addClass("input-medium");
      }
    }, 100);

Answer 2

使用addClass()和removeClass()

$(".k-textbox").removeClass("k-textbox").addClass("input-medium");