javascript - 如何根据右列是否存在更改页面的css

Question

我正在寻找一种基于共享点布局的右列是否有内容来动态更改css的方法。

目前，如果该列为空，则该列会优雅地隐藏，并且左列将展开以填充。如果右栏为空，我有一个需要扩展以填充页面的 Web 部件。

有两批css会很好。如果右列有内容，则定义 Web 部件的大小，如果没有，则定义 Web 部件的大小。我研究了如何使 webpart 动态化，但它是一个图片幻灯片，带有用于控件的浮动元素和顶部的文本，如果没有 css 调整以将浮动元素重新对齐，它就不会优雅地展开。

如果您知道任何很棒的教程或示例。

谢谢！

Answer 1

这为我做到了：

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');
  }

});