Даже не знаю как сформулировать... Но вопрос по JS

программирование JavaScript

есть переменная в которой лежит такая фигня:
a =
{0: <div>, context: <div>, length: 1}
{0: <div>, context: <div>, length: 1}
{0: <div>, context: <div>, length: 1}
{0: <div>, context: <div>, length: 1}
{0: <div>, context: <div>, length: 1}
{0: <div>, context: <div>, length: 1}
{0: <div>, context: <div>, length: 1}
{0: <div>, context: <div>, length: 1}
{0: <div>, context: <div>, length: 1}
;

Вопрос: как вернуть первый объект не конвертируя эту хрень в массив?
Заранее спасибо.

Примечание:
По сути вот как эта фигня у меня получилась.
Мне нужно сделать что-то вроде дартс доски.
У меня есть 9 дивов вложенных друг в друга:

<div class="circle circle-9">
<div class="circle circle-8">
<div class="circle circle-7">
<div class="circle circle-6">
<div class="circle circle-5">
<div class="circle circle-4">
<div class="circle circle-3">
<div class="circle circle-2">
<div class="circle circle-1">

</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Стили для них:
.circle{
position: relative;
padding: 20px;
border-radius: 100%;
border: 1px solid #000;
display: inline-block;
background: #333;
}
И того у меня есть круглая доска.
Вот на .circle я назначаю клик и в this я расчитываю получить конкретно тот элемент, на котором я кликнул. Но увы, в this я получаю помимо этого объекта, набор его парентов.

Ну, консоль хрома мне показала вот такую структуру данного this:

[div.circle.circle-1, context: div.circle.circle-1, jquery: "1.10.2", constructor: function, init: function, selector: ""…]

[div.circle.circle-2, context: div.circle.circle-2, jquery: "1.10.2", constructor: function, init: function, selector: ""…]

[div.circle.circle-3, context: div.circle.circle-3, jquery: "1.10.2", constructor: function, init: function, selector: ""…]

[div.circle.circle-4, context: div.circle.circle-4, jquery: "1.10.2", constructor: function, init: function, selector: ""…]

[div.circle.circle-5, context: div.circle.circle-5, jquery: "1.10.2", constructor: function, init: function, selector: ""…]

[div.circle.circle-6, context: div.circle.circle-6, jquery: "1.10.2", constructor: function, init: function, selector: ""…]

[div.circle.circle-7, context: div.circle.circle-7, jquery: "1.10.2", constructor: function, init: function, selector: ""…]

[div.circle.circle-8, context: div.circle.circle-8, jquery: "1.10.2", constructor: function, init: function, selector: ""…]

[div.circle.circle-9, context: div.circle.circle-9, jquery: "1.10.2", constructor: function, init: function, selector: ""…]

Вот первый объект всегда тот, на ком сработало событие. По этому он мне нужен.
Ответы:
Не работает твой код -_-
У вас не может быть переменной, в которой лежит такая фигня, потому что это невалидный js.
Если эта фигня это...
Мышиные события срабатывают во всех элементах расположенных выше данного в иерархии вплоть до body и документа. Это называется propagation или bubbling. Чтобы это предотвратить нужно у события сделать event.stopPropagation() или вернуть false из функции обработки события.
Не знаю какой там у Вас javascript, но должно-быть типа такого:


10 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.