jquery - JQueryを使用して要素のクラスを「ネストされたクラス」に変更するには?

Question

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'

Answer 1

これはあなたが探しているコードです：

div.a {
  color: red;
}

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

この質問を確認する必要があります:ネストされた css ルール

Answer 2

addClassDOM 要素に新しいクラスを追加するために使用できます。

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

古いクラスを削除して新しいクラスを追加したい場合は、toggleClass

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

Answer 3

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

ところで、「#nav-container」とは？