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> 

ページには、サードパーティのグリッド コントロールがあります。私が言及したCSSクラスは、サードパーティのグリッドコントロール内にあります。

以下は DOM オブジェクトです。