jquery target = _blank не работает

Question

У меня есть этот фрагмент кода:

$('.tool li a:first-child').each(function(){
        $(this).after(' <a href="' + $(this).attr('href') + '" title="Open link in new tab"><img src="/img/icon-arrow.png" height="9" width="9" alt="Arrow Icon" target="_blank" /></a>');
    });

Таким образом, даже если добавляемые изображения имеют гиперссылку с целевым = _blank, ссылка не открывается в новом окне.

Любые мысли, почему браузер не распознает это?

-Ryan

Answer 1

Вам необходимо добавить атрибут target к тегу a, а не к тегу img.

$('.tool li a:first-child').each(function(){
    $(this).after('<a href="' + $(this).attr('href') + '" title="Open link in new tab" target="_blank"><img src="/img/icon-arrow.png" height="9" width="9" alt="Arrow Icon" /></a>');
});

Answer 2

target = "_ blank" должен быть атрибутом для тега привязки

Заменить:

$(this).after(' <a href="' + $(this).attr('href') + '" title="Open link in new tab"><img src="/img/icon-arrow.png" height="9" width="9" alt="Arrow Icon" target="_blank" /></a>');

С:

$(this).after(' <a href="' + $(this).attr('href') + '" target="_blank" title="Open link in new tab"><img src="/img/icon-arrow.png" height="9" width="9" alt="Arrow Icon" /></a>');