使用jQuery隐藏屏幕上不适合的元素

我正在寻找一种基于元素是否适合当前屏幕宽度来动态隐藏/显示元素的方法

通常情况下，如果元素不适合屏幕，对象要么被下推到新行，要么导致水平滚动。这不是我想做的

我还希望在没有媒体查询的情况下实现这一点，并且更愿意使用jQuery

我认为我需要做的是检查每个元素的右边缘是否在屏幕右边缘之外，如果是，则隐藏该元素。然而，这比我的jQuery经验稍微高一点

我已经将所有元素水平对齐，当屏幕变小时，它们会向下推动页面并显示多行。我假设使用jQuery可以获得更流畅的效果，而使用CSS媒体查询，我需要设置一组查询，根据屏幕大小显示/隐藏每个元素

有人能给我指出正确的方向吗？这里可能已经有一个类似的问题了，但我不太确定要搜索什么，因为到目前为止，我还没有太多的运气找到如何进行搜索，或者使用谷歌

我找到了类似的解决方案，但它们似乎都需要设置一些预定义的屏幕大小。我希望jQuery能够自动完成这项工作，而无需提前指定宽度。

类似的内容

它将检查您选择的每个元素的宽度是否小于视口宽度，如果是，它将隐藏它

$(function() {

var checkScreenSize = function (){

    var viewportWidth = $( window ).width();

    $('.select-elements-you-want-to-check').each(function () {
        if($(this).width() > viewportWidth){
            $(this).hide();
        }
        else {
            $(this).show();
        }
    });


}

// run on doc ready
checkScreenSize();

// run on window resize
$( window ).resize(checkScreenSize);

});

---

你用同样的内容问同样的问题。我不知道该问什么问题。与我的上一个问题相比，这个问题更具体，也不太广泛。这个问题只是关于检测元素/树状结构的边缘和隐藏元素。我上一个问题的其余部分我已经弄明白了。从这个问题来看，这是我一直坚持的一部分。如果我不知道这个代码是什么样子，我就不能显示代码。如果我问了，我就不需要在这里问了。想想看。如果你迷路了，被问到了方向，如果这个人让你给他们画一张你首先走错的地方的地图，那将是多么令人沮丧和无助。那对你一点帮助都没有。这里也一样。我迷路了。我甚至不知道从哪里开始做我想做的事。我所要求的只是指向正确的方向，而你却表现得好像我想要有人为我写这一切。这根本不是我想要的。如果你想隐藏屏幕边缘的元素，使用CSS属性overflow-x:hidden作为包含元素。但是，根据其他项目的宽度，您可能会发现第一个元素被剪裁。但它可能适用于您的场景。谢谢。这看起来和我想做的很接近。我现在要试试这个，如果它有效，我会把你的答案标记为正确。谢谢你的帮助。有时候，在漫长的一天之后，不知道自己到底在寻找什么，在这里很难找到帮助。所以谢谢你：没问题