Подскажите, что не правильно
 

$('body').siblings('.tools').remove(); - не удаляет остальные, как понял оно не понимает относительно какого эдемента это остальные убирать, как задать это условие

(function ($) {
    $('input[name="detals"]') .change(function () {
        var tools = $(this) .attr('data-tools');
        var href = $(this) .attr('data-href');
        if ($(this) .attr('checked')) {
            console.log(tools);
            $('body') .append('<a class="tools" href="' + href + '"><img src="' + tools + '"></a>');
             $('body').siblings('.tools').remove();
        }
    });
}) (jQuery)

;

wp_panda,
и каких соседей вы у body решили удалить? head наверное?

$('.tools').siblings().remove();

так сразу делал, оно не работает, так понял, потому ,что не определено относительно какого элемента. Не понятно, как определить, что бы работало относительно только, что добавленного.

И кстати, ваш вариант как раз и удалит, все кроме .tools

wp_panda,
так обозначьте что добавляли.
$('.tools:last').siblings('.tools').remove();

точно! спасибо, про селектором, я чёй-то не подумал