javascript - 如何在以下图像之间添加下一个选项？

Question

<td>                                         
    <span class="preview">
        <a class="fancyOpen" title="Processed Image" href="'+o["files"][i].url+'">
            <img src="'+o["files"][i].thumbnail_url+'" />
        </a>       
        <a class="fancyOpen" title="Original Image" href="'+base_url+"files/upload?t=r&getfile="+o["files"][i].name+'">
            <img src="'+base_url+"files/upload?t=r&getthumb="+o["files"][i].name+'" />
        </a>       
    </span>                 
</td>  

如何在处理后的图像和原始图像之间添加下一个选项？

Answer 1

function before(node, insertNode){
    return node && insertNode && node.parentNode? 
        node.parentNode.insertBefore(insertNode, node): 
        false;
}

function after(node, insertNode){
    return node && insertNode && node.parentNode? 
        before(node.nextSibling, insertNode) || node.parentNode.appendChild(insertNode): 
        false;
}

after( document.querySelector('.fancyOption'), nextOption );

其中 nextOption 必须是 Dom-Node