gpt4 book ai didi

jquery - 如果文档在 30 天内未更新,如何取消突出显示文本

转载 作者:行者123 更新时间:2023-11-27 23:14:58 25 4
gpt4 key购买 nike

我有一些随机文档,其中有一个按钮,允许最终用户根据特定 ID 取消突出显示文本。每个文件都有一类不同的日期:

<div class="date">10/09/2019</div>

有没有办法自动取消突出显示任何突出显示的文本,例如,如果文档 30 天未更新,并保持这种状态,而不必刷新每个文档并返回到它的原始状态突出显示。以下是我到目前为止的代码:

<button id="removeClass">Remove highlight</button>

<div class="date">10/09/2019</div>

<p id="para1">This is paragraph 1</p>


<style type="text/css">
.highlight {background:green;}
</style>

<script type="text/javascript">

$('#para1').addClass('highlight');

$("#addClass").click(function () {

$('#para1').addClass('highlight');

});

$("#removeClass").click(function () {

$('#para1').removeClass('highlight');

$('p').each(function(){
if(this.id){(this.id = "");}
});

});

</script>

最佳答案

您可以使用 jQueries .each() 通过 .date 类检查每个元素并为其执行操作。在参数函数中,您可以使用 $(this).
访问当前 .date 元素在您的情况下,您需要检查 div 中的日期是否与当前日期相隔 30 天以上。如果是这种情况,则删除 .highlight 类。

请注意,为了能够使用 parent().find() 导航到日期所属的右侧 p,您的 HTML 需要包装在div,如图所示。

<div>
<button id="removeClass">Remove highlight</button>
<div class=“date”>10/09/2019</div>
<p id=“para1”>test test test test test test test test test test</p>
</div>

$(".date").each(function() {
var diff = new Date(new Date() - Date.parse($(this)[0].innerText));
var days = diff/1000/60/60/24;

if (days > 30) {
$(this).parent().find("p").removeClass('highlight');
}
})

关于jquery - 如果文档在 30 天内未更新,如何取消突出显示文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58306097/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com