我可以使用Jquery查找元素并将其CSS宽度设置为current-width - x吗？

Question

假设我需要将多个元素的宽度校正为19px。

是否可以find元素并设置找到的元素CSS宽度如下：

 $el.find( '.ui-content' )
    .css({'width': "parseFloat(found_element_current_width) -19" })

如果没有，最好的方法是什么？

Answer 1

是。

$el.find( '.ui-content' )
    .width(function(i, width) { return width - 19;  })

Answer 2

你可以使用css的功能：

$el.find( '.ui-content' )
    .css('width', function(i, w){
         return (parseFloat(w) - 19) + 'px'
    })

Answer 3

从.css()函数的文档：

从jQuery 1.6开始， .css()接受类似于.animate()相对值。 相对值是以+=或-=开头的字符串，用于递增或递减当前值。 例如，如果元素的填充左边是10px，则.css( "padding-left", "+=15" )将导致25px的总填充左边。

所以你可以这样做：

$el.find( '.ui-content' )
.css('width', '-=19');

Answer 4

是的你可以。

$el.find( '.ui-content' )
    .css('width', parseInt(yourwidth) - 19)