Tengo un div con elementos secundarios que actualmente se parece a esto

 <div> <div class="div-el"></div> <a href="#">Anchor</a> <div class="div-el"></div> <a href="#">Anchor</a> <a href="#">Anchor</a> <a href="#">Anchor</a> <div class="div-el"></div> </div>

Esto es lo que estoy tratando de lograr

 <div> <div class="div-el"></div> <a href="#">Anchor</a> <a class="empty">Anchor</a> <div class="div-el"></div> <a href="#">Anchor</a> <a href="#">Anchor</a> </div>

Así que estoy tratando de hacerlo para que

1. Hay al menos 2 elementos de anclaje al lado de cada elemento secundario .div-el .
2. En caso de que solo haya un elemento <a> antes del comienzo de otro elemento .div-el , agregue un elemento <a> en blanco como <a class="empty"></a>

Editar: he estado en eso durante horas y una de las cosas que he intentado es la siguiente con falla:

 $('div > a').each(function(){ var nextPromo = $(this).next(); var prevPromo = $(this).prev(); if (nextPromo.attr('href')) { } else { if (prevPromo.attr('href')) { } else { $('<a class="space"></a>').insertBefore(nextPromo); } } });

No me importa si tenemos que hacer esto a través de un enfoque completamente diferente.

Edición 2: He tenido algo de éxito parcial con mi guión. El problema ocurre cuando hay más de 2 anclas. Pase lo que pase, me gustaría que solo haya no más de 2 anclas antes de cada div. Entonces, si hay 3 elementos <a> seguidos, podemos empujar el último para que venga después del div, de modo que siempre sea como yo quiero que sea.