Question

我确定这是一个明显而愚蠢的错误，但我似乎无法在函数调用中添加一个类：

https://codepen.io/Yonkai/pen/WZyMJw?editors=1111

问题出在JS部分第28行：

 function smove(){
  $(".creatures p:nth-child(2)").addClass("selected");
}

当我调用该函数时，它不会改变“Rodan”，就像我希望它会在html中，在这里（从pug中解压缩），我希望它通过添加类变为黄色：

.selected{
  color:yellow;
}

成：

<div class="creatures">
  <p class="bodytext">Mothra</p>
  <p class="bodytext">Destroyah</p>
  <p class="bodytext">Rodan</p>
  <p class="bodytext">Kim Jung Un</p>
  <p class="bodytext">King Ghidora</p>
  <p class="bodytext">Godzilla</p>
</div>

Answer 1

您需要使css中的.selected选择器更加具体，如div .selected

目前div .bodytext对.selected

的影响更大

Update Codepen

您可以阅读有关css特异性here

的信息

Answer 2

在某个地方调用该功能

＆＃13;

 smove();

function smove(){
  $(".creatures p:nth-child(2)").addClass("selected");
}

＆＃13;

.selected{
  color:yellow;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="creatures">
  <p class="bodytext">Mothra</p>
  <p class="bodytext">Destroyah</p>
  <p class="bodytext">Rodan</p>
  <p class="bodytext">Kim Jung Un</p>
  <p class="bodytext">King Ghidora</p>
  <p class="bodytext">Godzilla</p>
</div>

＆＃13;

JQuery addClass通过CodePen上的函数

2 个答案: