спасибо, что откликнулись)

буду разбираться

а можете на примере показать, как сделать так, чтобы если допустим в <area id="1"/>, то применить стиль например .tooltip, а если id="2", то .tooltip-parking

Имя атрибута не может начинаться с цифры. Но, если закрыть глаза на правила, и ID, это как "хранитель цифр", а не служит для обращения к нему по ID, можно и так, с натяжкой. Так что сперва подумайте над этим.

А если id="3", тогда что? А если id="4", 5....n, что тогда?

это я понимаю и в виде цифр просто для примера написал, а вот относительно этого а остальным и не надо

Что значит не надо, вообще никакого не должно быть, даже parking?

Отвечайте на вопросы развернуто, я что должен догадываться?

вот смотрите есть id="squidhead1", id="squidhead2", id="squidhead3" и т.д. нужно только одно условие, если допустим id="squidhead2" то применить к нему стиль .tooltip-parking, а ко всем остальным .tooltip

$(target_items).each(function(i){
        $('<div class="'+(i==1 ? 'tooltip-parking' : 'tooltip')+'" id="squidhead'+(i+1)+'"><p>'+this.title+'</p></div>') //далее без изменений

Сравнение на 1 потому, что для ID к индексу плюсутеся 1.

не работает
а почему здесь '+this.title+' а не +$(this).attr('title')+ ?

А зачем мне обращаться к jQuery, если значение атрибута я и без него могу получить?

this.title выполнит тоже самое, что и $(this).attr('title').

Что не работает?