我想使用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/