Question

代码：

<input class="date" value="${dateList}" /> 
<input class="date" value="${dateList}" />

我有2个输入，其中class = date，值来自控制器，每天的值都不同，如何删除或重命名第一个输入class = date的类？

Answer 1

您可以使用jQuery选择器：

$("input:first-child").removeClass("date"); 
$("input:first-child").addClass("myNewClass");

https://api.jquery.com/first-child-selector/

Answer 2

使用:first：

$("input:first-child").removeClass("date").addClass("differentDate");

演示：

$("input:first").removeClass("date").addClass("differentDate");

.differentDate {
  background-color: red;
}

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<input class="date" value="Date">
<input class="date" value="Date">

Answer 3

您可以在jref引用https://api.jquery.com/eq/中使用eq

$('.date').eq(0).addClass('new').removeClass('date')

.new
{
border:1px solid red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input class="date" value="a" /> 
<input class="date" value="b" />

如何使用js移除或重命名具有相同类的多元素的第一个元素？

3 个答案: