Question

我正在尝试将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

试试这个：

DEMO 两个版本。

$('#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 example

找到一个元素并更改该类

2 个答案: