jQuery 不会添加值，而是将它们排列起来

Question

这也许是一个愚蠢的问题，但我迷路了!

所以，我试图通过添加值来使用 jQuery 更改 div 高度，但它们不是相加，而是排列。也许你们中的一些人也遇到过同样的问题？

我的代码:

jQuery( document ).ready(myfunction);
$(window).resize(myfunction);

function myfunction() {
    var divH = $('.container').css("height");
    divH = divH .replace(/px/g, "");

    var innerH = divH + 130;

    $('.divRight').css("width", innerH);
}

例如，.container 高度为 100px，输出应为 230px (100+130)，但它显​​示为 100130

你们知道为什么吗？？？

提前谢谢您!

Answer 1

问题是因为您连接字符串值，而不是添加整数。您需要将 height() 值转换为 int，可以使用 parseInt() 实现:

$(document).ready(myfunction);
$(window).resize(myfunction);

function myfunction() {
    var divH = parseInt($('.container').css("height"), 10);
    var innerH = divH + 130;
    $('.divRight').css("width", innerH);
}