Wheelie

<a href="#" class="detailBy">Детализация: <span>по трафику</span></a>
<ul class="sm">
<li>по трафику</li>
<li>по кошкам</li>
<li>по рафику</li>
<ul>

$('.sm li').on('click', function(){
    var value = $(this).text();
   $('.detailBy span').text(value);
});

<ul class="collection" ng-repeat="(d, n) in news">
                        <li class="collection-header"><h4>{{d}}</h4></li>
                        <li class="collection-item avatar" ng-repeat="user in n">
                            <i class="circle">{{user.login | limitTo:1}}</i>
                            <span class="title">{{user.login}}</span>
                            <p ng-hide="!user.episode">
                                Посмотрел &#91; {{user.episode}} &#93; серию сериала <span>{{user.show}}</span>
                            </p>
                            <p ng-hide="user.episode">
                                Оценил {{user.episodes}} серии сериала <span>{{user.show}}</span>
                            </p>
                        </li>
                    </ul>

<a href="#" class="делаем ссылку прямоугольным блоком">
<img /> <span>text</span>
</a>

Just use notepad ++ with encoding UTF-8 without BOM.