Как вывести массив с атрибутом title?

Question

[Sergey750il]

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

<div class="ofice">
	<a title="russia" href="#">russia</a><br />
	<a title="usa" href="#">2</a><br />
	<a title="ukraine" href="#">3</a><br />
	<a title="germany" href="#">4</a><br />
	<a href="#">5</a><br />
	<a href="#">6</a><br />
</div>

var linki=$('.ofice a').attr('title');
document.write(linki[1]);

Пока привел пример без использования цикла.

Answer 1

[Dmitriy Mozgovoy]

Потому что attr работает только с первым элементом в коллекции.

var links = $('.ofice a[title]').map(function(){
           return $(this).attr('title');
       });

Для общего кругозора - на чистом тоже самое выглядело бы так

var links = Array.prototype.map.call(document.querySelectorAll('.ofice a[title]'),function(el){
  return el.getAttribute('title');
});

Comments

[Sergey750il]

А как тогда получить массив со всеми title?

Answer 2

[Анатолий Сидоров]

var linki=$('.ofice a[title]'), titles = [];
$.each(linki, function(){
    titles.push($(this).attr('title'));
});
console.log(titles);

Answer 3

[GreatRash]

var linki = $('.ofice a[title]');

Comments

[Sergey750il]

Не сработало. При такой выборке выводится путь к документу.

Answer 4

[Stalker_RED]

Показываю на пальцах как надо и как сейчас.
jsfiddle.net/84wmjqyh