С помощью JS добавить к ссылкам картинку в CSS

wlad2, с помощью jquery достаточно просто:

создается набор элементов <a> из него исключаются те что в атрибуте href начинаются на http:// и не содержат имени своего домена, а затем в него добавляются те что содержат go.php?url=http:// и к полученному набору применяется css правило :)

burunduk, спасибо за совет, тогда буду искать примеры на jquery

$('a[href^=http://]').addClass('external');

Вот эта строка добавит всем ссылкам, которые начинаются на http:// класс external (а в нем вы уже можете прописать отображение картинки)

Аналогично можно прописать для ссылок с редиректом - они же будут на "редиректная-ссылка/go.php начинаться.

А так еще можно погуглить вот по такому запросу - там немного другие решения. Какое из них эффективнее - судить не берусь.

Ну и ссылка на доки по этой теме: http://api.jquery.com/category/selectors/attribute-selectors/

ну и до кучи без гквери:

for (var ref in document.body.getElementsByTagName("a")) {
 if (ref.getAttribute("href").indexOf('go.php?url=') > 0) {
  ref.style.нужный_элемент_css = нужное_значение;
 }
}

спасибо всем кто помогал, решение:

<div class="post"> 

	<a href="http://external">Внешняя ссылка</a> 

	<a href="/internal">Внутренняя ссылка</a> 

	<a href="/go.php?url=http://внешняя-ссылка">Внешняя ссылка</a> 

</div>

<style type="text/css">

.post a[target='_blank'], .post a[href^='http://мой-блог/go.php?url']{background:url(/wp-content/themes/my/images/external_link_icon.gif) right no-repeat;padding:0 16px 0 0;}

</style>

<style type="text/css">

Изящно. 🚬