将类添加到邻居html元素jquery

Question

我想将fas fa-exclamation-circle类添加到span标签

 $("#gpsno").closest('span').addClass('fas fa-exclamation-circle'); 

 <input id="gpsno" class="form-control " type="text"> <span class="form-control-feedback"></span> 

Answer 1

你可以这样做：

$("#gpsno").siblings('span').addClass('fas fa-exclamation-circle');

.closest（）查看所有元素的祖先。

.siblings（）查看其兄弟姐妹。

Answer 2

1. 使用.next()定位下一个元素

 $("#gpsno").next('span').addClass('fas fa-exclamation-circle'); 

 .fas { color: red } .fa-exclamation-circle { font-size: 19px } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input id="gpsno" class="form-control " type="text"> <span class="form-control-feedback">123</span> <span class="">123</span> 

Answer 3

要将类添加到下一个相邻的html元素（在本例中为span），应将“ closest”替换为“ next”。

从文档中，我们可以看到“最接近”查看调用它的集合的祖先元素以找到与选择器的匹配项，而“下一个”仅检索文档中与选择器匹配的下一个后续（同级）元素。

Answer 4

直接在跨度类选择器上应用添加类

$('.form-control-feedback').addClass('fas fa-exclamation-circle');