Javascript-форум (https://javascript.ru/forum/)
-   Серверные языки и технологии (https://javascript.ru/forum/server/)
-   -   Микроразметка хлебных крошек JS (https://javascript.ru/forum/server/83243-mikrorazmetka-khlebnykh-kroshek-js.html)

plaksin.web 25.10.2021 16:21

Микроразметка хлебных крошек JS
 
Добрый день, на сайте хлебные крошки формируются по принципу:

<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();
}

В итоге все ссылки, кроме первой оборачивается в пустой <li></li>.
Подскажите, как в эти <li> добавить <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">

ksa 25.10.2021 16:37

Цитата:

Сообщение от plaksin.web
Подскажите, как в эти <li> добавить <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">

Внутрь <li> еще один
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">

Или к <li> просто "дописать" нужные атрибуты?

plaksin.web 25.10.2021 16:42

>Или к <li> просто "дописать" нужные атрибуты?
Да! А то они скриптом пустые (<li>) идут

ksa 25.10.2021 17:09

Цитата:

Сообщение от plaksin.web
$('.breadcrumbs').append('<li></li>')

Вот сюда и пиши...
$('.breadcrumbs').append('<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"></li>')

plaksin.web 25.10.2021 18:51

Я это первым делом попробовал, не работает))

рони 25.10.2021 19:06

plaksin.web,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

plaksin.web 26.10.2021 08:52

На сайте хлебные крошки формируются по принципу:
<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>')

рони 26.10.2021 10:13

plaksin.web,
можно увидеть структуру ul, html до и после?

plaksin.web 26.10.2021 10:20

Так и до, и после


рони 26.10.2021 10:25

plaksin.web,
код можно, что есть и что хотите сделать?


Часовой пояс GMT +3, время: 03:25.