Javascript 如何使用jquery将与类名相关的样式添加到元素中？

我准备做一个工具来改进我的工作。请看代码

我想使用jquerydynamicali将第一个div宽度设置为

200px

，第二个设置为

300px

。 我不知道如何用Javascript处理它

---

如何才能完成这项工作？

我认为您应该使用自定义属性

HTML5明确允许以数据开头的自定义属性。因此，例如，

是有效的。由于它得到了一个标准的正式支持，我认为这是定制属性的最佳选择。而且它不需要你用黑客来重载其他属性，所以你的HTML可以保持语义

---

来源：*-属性

请在js中使用以下内容：

$（文档）.ready（函数（）{
$（'width-300'）.css（{'width'：'300px'，'border'：'1px solid#000'}）；
});

宽度300
您需要找到元素具有类
宽度-*
，该类
*
应该是唯一的数字。您可以使用来检查类名。若类名正确，则将类的数字添加到元素的宽度


$（“[class*=width-]”。每个（函数（）{
var match=$（this.attr（“class”）.match（/width-（[\d]+）/）；
如果（匹配）
$（this.css（“宽度”，匹配[1]）；
});
div{
背景：绿色；
}

100
200
300
为什么不创建一个名为width-300的类，并在该类中将width属性设置为300px。是否要使用javascript将
width:300px
设置为元素具有类
width-300
，因为我认为它涵盖了这四个标签。。我不知道是不是出了什么事？
.container
{
  margin:0 auto;
}

.width-300
{
  width: 300px;
}