Javascript 如何检查元素宽度是否大于100%

我想检查我的元素宽度是否大于100%——因此如果

div

为113.42%，则隐藏其他内容，但我无法让它隐藏元素

现在，我设置了这个测试，如果宽度大于100%，则将背景设置为黑色，否则将背景设置为红色。现在，元素是红色的，但大于100%的元素没有变黑。有人能指出我做错了什么吗？它还通过

对每个元素上要检测的所有元素执行此操作。显示区
-是否必须使用
。每个
功能

        var $displayarea = $(".display-area");
        var width = $('.display-area').width();
        var parentWidth = $('.display-area').offsetParent().width();
        var percent = 100*width/parentWidth;
//      var per = $('.first-div').width() * .80;
//      if ( $displayarea.width() > "100%" )  {
        if ($displayarea.css("width") > percent ) {
                $displayarea.css({ 
                        background: 'black'
                });

        } else {

                $displayarea.css({
                        background: 'red'
                });

        }

您需要检查调整大小事件

like $('.display-size').bind('resize',function(){
//logic
})

您可以使用
html
标记和元素各自的
css
选择器来比较它们的宽度

if($('div').css("width").replace("px","") > $('html').css("width").replace("px",""))
    alert($('div').css("width").replace("px","") - $('html').css("width").replace("px","")  + " more");

以下是您正在搜索的内容：

var parent = $('.parentDiv').width();
var child = $('.childDiv').width();

var percent = child * 100 / parent;

if (percent > 100) {
   $('.childDiv').css('background-color', '#000')
} else {
   $('.childDiv').css('background-color', '#f00')
}

我不知道这是否是你想要的，但你可以看看演示

您是否检查了正在进行的比较的值？css（“width”）将返回一个带有单位的字符串，即“10px”，而.width（）则不返回。如果（“10px”>10）总是返回false，则可能是您正在执行的操作。对于第二部分-是，您需要使用
。每个
，因为
$displayarea
是所有
。display area
div的集合。因此，当您设置
$displayarea.css…
时，您正在每个
.displayarea
上设置css样式。我该如何编写它@samuelmr@Bryan，如果您使用的是Chrome，则内置了一个优秀的javascript调试器。F12键将显示它，您可以在sources选项卡中找到您的javascript，从这里您可以单击左侧的had侧栏，它将放置一个断点。当代码运行时，您可以将鼠标悬停在每个变量上，以提供有关它的更多信息。我只想检查元素的宽度是否大于100%。这并不能回答问题。你能帮我指出正确的方向吗@SamuelMRY您可以这样做：
$（'.parentDiv'）.width（）
无需
.replace（'px'，''）伙计！这帮了大忙！谢谢你@zgood，我无法控制自己
$(function () {
    var $displayarea = $(".display-area");
    var parentWidth = $('.display-area').parent().width();

    $displayarea.each(function () {
        if ($(this).width() > parentWidth) {
            $(this).css({
                background: 'black'
            });

        } else {
            $(this).css({
                background: 'red'
            });
        }
    });

});