我可以使用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)