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

Question

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

是否可以find个元素并将找到的元素设置为CSS-width，如下所示：

 $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)