动态填充? (jQuery的)

时间:2014-04-24 17:04:08

标签: javascript jquery width padding html

确定。我想要做的是使用jQuery遍历具有某个类(<span>)的所有.link标记,并将其padding-right css值设置为当前宽度的20%跨度。

我没有任何代码可以展示,因为我对jQuery并不擅长,其余的几乎是不言自明的。

非常感谢任何帮助。谢谢:))

1 个答案:

答案 0 :(得分:1)

您可以将css()方法与回调函数一起使用,该函数返回当前迭代元素的宽度x 0.2

$('span.link').css('padding-right', function() {
    return $(this).width() * 0.2;
});

在较新的浏览器中,您也可以使用CSS执行此操作

span.link { padding-right: calc(20%); }