Jquery insertAfter创建空空间，但不'；t插入元素

我想在两个元素之间动态插入一个元素。当我使用

insertAfter（）

函数时，它只在元素之间插入一次，不会在其他位置插入元素，但它会在必须插入元素的元素之间创建一个空白

<div id = "icons">
<a class = "favorite" data-value = "{{$candidate->id}}" > <img id = "no_p_fav" src="{{url('/icons/non_star.png')}}" ></img></a>
</div>

下面是我如何动态插入元素的

function updatePriority(candidate_id,msg){

if (msg == "pre")//apply prioritized property to the card 
{
    $('.favorite[data-value='+candidate_id+'] img#no_p_fav').attr('id','fav');

    $( '<a class = "prioritize" data-value = "'+candidate_id+'"><img id = '+
     '"priority" src="/icons/priority.png"></img></a> ').insertAfter('.favorite[data-value='+candidate_id+'] img#fav');

} 

函数更新优先级（候选者id，msg）{
if（msg==“pre”）//对卡应用优先级属性
{
$（'.favorite[data value='+candidate_id+']img#no_p_fav'）.attr（'id'，'fav'）；
$（''）.insertAfter（'.favorite[data value='+candidate_id+']img#fav'）；
} 

---

上述函数是通过

ajax

success方法调用的，传递给此方法的参数来自

ajax response

您说“不在其他位置插入元素”.从措辞上看不太清楚，但你是说元素应该同时插入多个位置吗？如果不可能，因为你告诉它只在具有特定ID的元素之后插入。在关闭它的最终函数中缺少}。我只想在具有特定ID的元素之后插入，当我这样做的时候，它只在一个元素上被添加，没有任何问题。当我在其他元素上执行相同操作时，会在不插入元素的情况下创建一个空白空间，但ID不能重复，因此问题可能存在于其他位置……提供一个演示，再现问题，如所示。请显示一个失败的“当我在其他元素上执行相同操作时”示例。