На сайте хлебные крошки формируются по принципу:
<ul class="breadcrumbs" itemscope="" itemtype="http://schema.org/BreadcrumbList">
##path##
</ul>
первый <li> выводиться нормально, в него можно прописать атрибуты, а все последующие скриптом:
if($('.category-path_type_itemd a').length) {
$('.breadcrumbs li:last-child').remove();
$('.category-path_type_itemd a').each(function() {
$('.breadcrumbs').append('<li></li>');
$('.breadcrumbs li:last-child').append($(this));
});
$('.breadcrumbs li:last-child a').contents().unwrap();
$('.category-path_type_itemd').remove();
}
Сама ссылка цепляется из сета в шаблоне:
<!--#set var="cat_nav_name;urgent_cat_nav_name" value="
<a href="##script_link####nav_data##" title="##alt##">##name##</a>
"-->
В итоге все ссылки, кроме первой оборачивается в пустой <li></li>.
Подскажите, как в эти <li> добавить атрибуты, что бы ссылка оборачивалась в
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
Так пробовал, не работает:
$('.breadcrumbs').append('<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"></li>')