jquery - 定位元素并更改类

Question

我正在尝试将 a 的类div从divPrintDetailed 更改为 divPrintSelected

<div id= "MainDiv" class ="MainDiv">
 <div id ="PartialViewDiv">
  <div class="ui-Submenu"> </div>
  <div id="reportContainer" class="divPrintDetailed"></div>
 </div>
</div>

以下代码行不起作用。我在哪里做错了。

 $('#MainDiv').find('div.divPrintDetailed').attr('class', 'divPrintSelected');

Answer 1

试试这个：

两个版本的演示。

$('#MainDiv').find('div.divPrintDetailed').removeClass('divPrintDetailed').addClass('divPrintSelected');

并更改 MainDiv 的 html，使其具有 ID：

<div id="MainDiv" class ="MainDiv">

你也可以使用toggleClasse()像：

$('#MainDiv').find('div.divPrintDetailed,div.divPrintSelected').toggleClass('divPrintDetailed divPrintSelected');

Answer 2

您的 MainDiv 需要一个 ID，而不是两个类。

一旦您修复了丢失的 ID 问题，您的方法就可以工作，但您也可以尝试：

$('#MainDiv').find('div.divPrintDetailed').removeClass('divPrintDetailed').addClass('divPrintSelected');

jsFiddle 示例