javascript - 如何使用 javascript 创建动态 ID,然后链接到轮播上的帖子?

标签 javascript jquery html css carousel

我希望帖子轮播上的人口将我发送到链接而不是帖子,并且在过期时自动删除。你应该知道我不是 javascript 专家,我做的很基础。

这是页面https://thecrescentbeachclub.com/events/upcoming-events/我不知道是否有人可以帮助我改进这段代码,或者创建另一个代码。

客户添加带有特色图片的帖子,然后我们使用这个模块来显示轮播(他们喜欢现在的显示方式,你应该知道我也没有做过这个网站所以很难改变客户的想法) ,并且当我添加一个自动过期器时,当事件结束时帖子将被删除,这里一切都很好。情况是,在我发送给您的链接上,我添加了链接的下一个代码,因为我不希望人们转到该帖子,我希望他们转到外部链接。

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>');

});

现在的问题是,当一个帖子被自动删除时,链接是错误的,例如,第一篇帖子的链接ID为1,但是当过期时消失,现在ID为2的帖子链接为1 . 我必须手动更改链接,这是我们要避免的。

有人可以帮助我使 ID 动态化,以便当帖子过期并消失时,其他人仍然会保留正确的链接吗?我希望我解释了自己。

最佳答案

如果您必须从 html 中删除特定的 Id 元素。将 #1 替换为您想要删除的任何内容。

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

您需要传递 id 才能删除特定元素。

关于javascript - 如何使用 javascript 创建动态 ID,然后链接到轮播上的帖子?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55722921/

相关文章:

javascript - 将类添加到脚本/模板内的元素

javascript - Highcharts x 轴标签未从边界开始

javascript - 运行 AJAX 代码时,行总和不会更新,直到 F5 刷新

jquery - 删除除一个之外的所有具有特定类的元素

html - float block 链接在 IE 中损坏

javascript - Knockout JS 在加载时调用函数

javascript - 如何计算从php中选择的每个项目的购物车总数?

javascript - 如何在javascript中传递一个变量

html - MaterializeCSS 中的从右到左复选框而不是从左到右

jquery - 使用 javascript 而非常规 anchor 移动到我网站中的其他页面