Javascript 动态更改CSS类名

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

$（文档）.ready（函数（）{
$（“.k-textbox”）。每个（函数（）{
//警报（“a”）；
$（this.removeClass（“k-textbox”）；
$（此）.addClass（“输入介质”）；
});
});

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

下面是DOM对象：

---

您应该尝试使用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);

---

您应该尝试使用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);

使用和

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

使用和

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

---

是否动态创建输入元素显示html？可能您的类有误或其他原因。虽然您不需要每个

，

，但这应该是可行的。请将您的HTML和任何其他JS代码添加到问题中，以便我们看到发生了什么。DOM中的这些元素是在页面加载后创建的吗？@ArunPJohny请查看编辑是否动态创建了输入元素显示您的HTML？可能您的类有误或其他原因。虽然您不需要每个

，

，但这应该是可行的。请将您的HTML和任何其他JS代码添加到问题中，这样我们就可以看到发生了什么。DOM中的这些元素是在页面加载后创建的吗？@ArunPJohny请查看编辑虽然这是更好的语法，但从逻辑上讲，它与OP没有什么不同。我不知道为什么它会被提升？@chamara-这是在DOM就绪后动态创建的输入吗？你能知道什么时候发生吗？当它们被插入时你能控制吗？（单击某个按钮，调用某个函数等…）虽然这是更好的语法，但从逻辑上讲，它与OP没有什么不同。我不知道为什么它会被提升？@chamara-这是在DOM就绪后动态创建的输入吗？你能知道什么时候发生吗？当它们被插入时你能控制吗？（单击某个按钮，调用某个函数等…）