我如何从div中删除一个类，并在页面中不存在特定的div时向该div添加一个带有jQuery的新类？

Question

正如标题所描述的那样，我要做的是删除课程half-width并将新课程full-width添加到带有id="planetdata1"的div，当div为{{1}时在页面中不再存在。

在此示例中，有id="a12"＆＃34;

的div

id="a12

但是当页面上没有显示 <div id ="a12">Hey! i am the div that i hide my self sometimes</div> <div id="planetdata1" class="half-width"></div> 的div时，我希望带有id="a12"的div变为：

id="dataplanet1"

我怎么能用jQuery做到这一点？在发布我的问题之前，我试图找到答案，但没有找到类似的东西。

Answer 1

要检查元素是否在页面上，您可以执行以下操作：

$("#a12").length

如果div不在页面中，则上面将返回0，如果是，则返回1。另外，要从元素中删除/添加类，您可以执行以下操作：

$("#planetdata1").removeClass("half-width").addClass("full-width");

Answer 2

如果你想在页面加载时这样做，试试这个

$(function(){
   if($('#a12').length == 0){
      $('#planetdata1').removeClass('half-width');
      $('#planetdata1').addClass('full-width');
   }//end if
});