Как создать динамический идентификатор, а затем ссылку на публикацию поста на карусели с помощью JavaScript?

Question

Я бы хотел, чтобы население почтовой карусели отправляло меня по ссылке, а не по почте, а когда истекает срок, удаляется автоматически. Вы должны знать, что я не специалист по javascript, я сделал это очень просто.

Это страница https://thecrescentbeachclub.com/events/upcoming-events/, и я не знаю, может ли кто-нибудь помочь мне улучшить этот код или создать другой.

Клиент добавляет посты с избранными изображениями, а затем мы используем этот модуль, чтобы показать карусель (им нравится, как теперь отображается способ, вы должны знать, что я не делал этот сайт, и поэтому было трудно изменить мнение клиентов) , и когда я добавил автоматический expirer, что, когда событие заканчивается, сообщение удаляется, все хорошо здесь. Ситуация такова, что по ссылке, которую я вам отправил, я добавил следующий код для ссылки, потому что я не хочу, чтобы люди переходили на пост, я хочу, чтобы они переходили на внешнюю ссылку.

jQuery(function($){
$('.qode-bct-posts .qode-bct-post').each(function(){
$(this).attr('id',$(this).index()+1);
});

$('.qode-bct-posts .qode-bct-post .qode-bct-post-image img').each(function(){
$(this).unwrap();
});

$('#1').wrap('<a style="width: 100%; display: inline-block; vertical-align: top;" href="https://www.eventbrite.com/e/easter-at-the-beach-buffet-brunch-tickets-58504343065" target="_blank" itemprop="url"></a>');

$('#2').wrap('<a style="width: 100%; display: inline-block; vertical-align: top;" href="#" target="_blank" itemprop="url"></a>');

$('#3').wrap('<a style="width: 100%; display: inline-block; vertical-align: top;" href="#" target="_blank" itemprop="url"></a>');

});

Теперь проблема в том, что когда сообщение удаляется автоматически, ссылка неверна, например, первое сообщение имеет идентификатор 1 с этой ссылкой, но когда срок действия исчезает, и теперь сообщение с идентификатором 2 имеет ссылку на 1 Я должен изменить ссылку вручную, и это то, чего мы хотим избежать.

Может ли кто-нибудь помочь мне сделать идентификатор динамическим, поэтому, когда срок действия сообщения истекает, а другие исчезают, остальные по-прежнему сохраняют правильную ссылку? Надеюсь, я все объяснил.

Answer 1

Я закончил искать плагин, который позволил бы мне добавить внешнюю ссылку к сообщению, а не саму запись, поэтому мне не нужно, чтобы этот код работал.Я не хотел, потому что WordPress сходит с ума, когда вы добавляете больше плагинов, но клиент счастлив, поэтому я счастлив.Спасибо за помощь, хотя.

Answer 2

Если вам нужно удалить определенный элемент Id из вашего HTML. Замените # 1 тем, что вы хотите удалить.

$('.qode-bct-posts #1').parent().closest('a').remove();

Вам нужно будет передать идентификатор, чтобы удалить конкретный элемент.