jquery: attach after each <div id='d[anumber]' >asdfa<div/> a <a href="javascript:Add(d[anumber]) >add</a>

Question

I have something like this:

<div id='d12'>content</div>
<div id='d23'>content</div>
<div id='d34'>content</div>

and I would like to insert a link after each link like this

<div id='d12'>content</div><a href='javascript:add(d12)'/>add</a>

Answer 1

$('div').each(function() {
    var id = $(this).attr('id');
    if (id.match(/^d\d+$/)) {
        $('<a />')
            .text('add')
            .attr('href', '#')
            .click(function() {
                add(id);
                return false;
            })
            .insertAfter(this);
    }
});

Answer 2

$('div[id^=d]').each(function(){
  $(this).after(
    "<a href='javascript:add(" + $(this).attr("id") + ")'>add</a>"
  );
});