jQuery 添加到当前宽度

Question

我需要此代码，如果存在 #vid，则将 855px 添加到其当前宽度。如果没有，它不应该执行任何操作。我不知道如何让 jQuery 添加到已经存在的数字，但我确信它非常简单。这是我到目前为止的代码：

if ($("#vid").length) {
            $("#img-container").width(+=855),
        } else {
            return false;
        }
});

Answer 1

jQuery 方法不支持 += 语法（唯一例外：css strings），您需要编写：

$("#img-container").width($("#img-container").width() + 855)

或

$("#img-container").css("width", "+=855");

Answer 2

你可以试试这个：

if ($("#vid").length)
{
    $("#img-container").width($("#img-container").width() + 855);
}

Answer 3

另一种选择：

如果你想动画化它

$("#img-container").animate({width: "+=855px"});

Answer 4

if ($("#vid").length) 
{
    var currentWidth = $("#img-container").width();
    $("#img-container").css('width', currentWidth +855);
}
else 
{
    return false;
}

Answer 5

如果存在#vid？你的意思是如果它正在显示吗？无论如何，您必须将 +=855 放在引号中，例如 "+=855px" 并尝试像这样的 css：

if ($("#vid").css("display") != "none") {
            $("#img-container").css("width", "+=855px");
            return false;
        } else {
            return false;
        }
});

此外，您还必须添加“px”。

Answer 6

只是为了完成这个，因为我在这里只找到了部分解决我的问题的方法。剩下的我自己想办法了。如果你想可变地增加 CSS 值，请执行以下操作

    var makeBigger=855;
    $("#img-container").css("width", "+="+makeBigger);

Answer 7

if ($("#vid").length) {
            var vid = $("#img-container");
            vid.width(vid.width() + 855);
        } else {
            return false;
        }
});