將類添加到鄰居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');