Question

开发我自己的网格系统，我决定使用jQuery而不是为每个宽度或高度添加类。我在here找到了以下代码，根据类名更改了div的宽度：

$("[class*='tul-']").each(function(){
    $(this).css("width", 100 / $(this).attr("class").substring(4,5) + "%");
});

因此，<div class="tul-5"></div>之类的宽度应为100 / 5 + "%" = 20%。

问题是jQuery添加 inline-css 而不是更改类(tul-5)本身中 width 属性的值。 <div class="tul-5"></div>变为<div class="tul-5" style="width: 20%"></div>。我想要的是：

tul-5 {
    width: 20%; /*change this*/
}

由于搜索引擎优化及其造成的混乱，我想摆脱inline-css。

我尝试的事情：

我尝试使用默认宽度大小创建类，但没有运气：

.tul-1, .tul-2, .tul-3 {
    width: 50px;
}

我还尝试过上面提到的页面中的纯Js代码，但它也添加了inline-css。

P.S。：我还没有宣布任何以tul开头的课程。