如果你看图片aboive。我想要做的是当我点击该行时,它隐藏起来,下一行变为红色并单击,将其隐藏起来,然后下一个变为可用,等等。
$(document).ready(function() {
$('.start').unbind("click").click(function() {
$(this).removeClass("start");
$(this).hide();
$(this).next().addClass("start");
});
});
.start {
color: red;
border: 2px solid red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div style="width:500px;" class="siblings">
<ul>
<li class="start"> 1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
第一行遁形上点击罚款。类“开始”被添加到下一行。但点击它不起作用。
我如何通过点击删除红色的行,然后下一个可用。
预先感谢您
因为DOM一无所知与一流的新元素'.start' –