Javascript 如何根据是否存在正确的列来更改页面的css

我正在寻找一种根据sharepoint布局的右栏是否包含内容来动态更改css的方法

当前，如果列为空，则该列将优雅地隐藏，左侧列将展开以填充。我有一个web部件，如果右边的列为空，它需要展开以填充页面

最好有两批css。一个用于定义web部件的大小（如果右栏有内容），另一个用于定义web部件的大小（如果右栏没有内容）。我曾尝试过使Web部件动态化，但它是一个带有浮动元素的图片幻灯片，用于控件和顶部文本，如果没有css调整将浮动元素重新对齐，它将无法优雅地展开

如果你知道任何教程或例子，那将是伟大的

谢谢

这是为我做的：

jQuery.fn.exists = function(){return this.length>0;}  
  if ($('.pageRightColumn table').exists()) {       
      $('div#innerfade-holder').addClass('innerfadeholder_RC'); 
      $('#portfolio IMG').addClass('portfolioIMG_RC'); 
      $('#portfolio div.description').addClass('description_RC');
      $('#portfolio div.transbox').addClass('transbox_RC');
      $('table#controlBarContainer').addClass('controlBarContainer_RC');
  } else {
      $('div#innerfade-holder').addClass('innerfadeholder_FULL'); 
      $('#portfolio IMG').addClass('portfolioIMG_FULL'); 
      $('#portfolio div.description').addClass('description_FULL');
      $('#portfolio div.transbox').addClass('transbox_FULL');
      $('table#controlBarContainer').addClass('controlBarContainer_FULL');
  }

---

}))

右栏不显示时是否存在特定条件？e、 g.当屏幕有一定宽度时（如果可以使用媒体查询），或者如果没有，您可以通过页面后面代码中的if语句添加类作为样式挂钩。如果页面中没有内容，则右侧列不会显示。