我想使用html jquery在其中最后一个img元素的className中添加active

我在下面的HTML和jquery中有一些元素:



function initialSteps() {
  $(".row").find("column:last").find("img:first").className += " active";
  // this does not work either
  //$(".row").find("column:last").find("demo cursor:last").className += " active";

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="row">
  <div class="column">
    <img class="demo cursor" src="img00.jpg">
  </div>
  <div class="column">
    <img class="demo cursor" src="img01.jpg">
  </div>
  <div class="column">
    <img class="demo cursor" src="img02.jpg">
  </div>
  <div class="column">
    <img class="demo cursor" src="img03.jpg">
  </div>
  <div class="column">
    <img class="demo cursor" src="img04.jpg">
  </div>
  <div class="column">
    <img class="demo cursor" src="img05.jpg">
  </div>
</div>





但是,它不起作用。有人可以告诉我我做错了什么吗?

最佳答案

您将要利用jQuery中的addClass()函数:

function initialSteps() {
  $(".row").find(".column:last").find("img:first").addClass("active");
}


通过按以下方式链接选择器,可以将其缩短:

function initialSteps() {
   $(".row .column:last img:first").addClass("active");
}

关于jquery - jQuery命令未给出期望的结果,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/59223087/

10-12 12:25
查看更多