-1

CSS：

#logo-container {
  position: fixed;
  right:5px;
  .home-page {
    /* homepage style */
  }
  .content-page {   /* <-- I want to change the $element's class to this class */
    margin-top: 78px;
  }
}

JQuery（将#logo-container的类更改为.content-page）：

jQuery(this).prev('#logo-container').attr('class', '#nav-container .content-page');

这似乎不起作用......有什么想法吗？

编辑：问题似乎在于我如何引用.content-page. 我尝试了以下方法，但似乎都没有效果：

'content-page' '.content-page' 'logo-container content-page' '#logo-container .content-page' '#logo-container.content-page'

4

6 回答 6

1

这是您正在寻找的代码：

div.a {
  color: red;
}

div.a div.b {
  /* Inherits color from div.a */
  font-weight: bold;
}

你应该检查这个问题：nested css rules

于 2014-02-18T03:35:17.757 回答
0

try

jQuery(this).prev('#logo-container').toggleClass('content-page');
于 2013-08-29T07:05:40.113 回答
0 
# //this is a sign for an id

to remove an id you have to use removeAttr('id')

so maybe you need something like this

$('#logo-container').addClass('content-page').removeAttr('id');
于 2013-08-29T07:07:01.663 回答
0

尝试

$(this).find('div').removeClass('logo-container').addClass('content-page');
于 2013-08-29T07:03:15.917 回答
0

您可以使用addClass向 DOM 元素添加新类：

$('#logo-container').addClass('content-page')

如果要删除旧类并添加新类，请使用toggleClass

$('#logo-container').toggleClass('old-class content-page')

于 2013-08-29T07:04:31.550 回答
-1 
$(this).prev('#logo-container').addClass('content-page')

BTW,whats for "#nav-container"?

于 2013-08-29T09:07:34.700 回答