動態更改CSS類名

Question

我需要使用特定類名（.k-textbox）更改頁面中所有元素的CSS類名。我想下面的代碼，但沒有擊中。每（）函數

在頁面裏面我有一個第三方網格控件。我提到的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");