insertAfter创建空格但不插入元素

Question

我想在两个元素之间动态插入元素。当我使用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');

} 

从ajax成功方法调用上述函数，传递给此方法的参数来自ajax response。