<div class="test">
<div class="play">A</div>
<div class="play">B</div>
<div class="play">C</div>
</div>
document.querySelector('.test').onclick = function(e) {
var index = [].slice.call(this.children).indexOf(e.target);
alert( index );
};
Вы про это?