Javascript 使用jQuery前置的不同选择器
我正在制作一个社交网络,并在帖子中显示经过的时间。问题是,当你发帖,几分钟后再发帖,两篇帖子都变成了零。这是因为在我的上一个问题中,显示经过时间的解决方案是。此解决方案在具有类的帖子中具有跨度。班上有时间。但是当有两个同一个类时,它们都变成零 HTML: JS/jQuery:Javascript 使用jQuery前置的不同选择器,javascript,jquery,html,jquery-selectors,Javascript,Jquery,Html,Jquery Selectors,我正在制作一个社交网络,并在帖子中显示经过的时间。问题是,当你发帖,几分钟后再发帖,两篇帖子都变成了零。这是因为在我的上一个问题中,显示经过时间的解决方案是。此解决方案在具有类的帖子中具有跨度。班上有时间。但是当有两个同一个类时,它们都变成零 HTML: JS/jQuery: var postedTime; $('#b').click(function () { var v = $('#type').val(); var u = $('#input').val(); if
var postedTime;
$('#b').click(function () {
var v = $('#type').val();
var u = $('#input').val();
if (v !== "" && u !== "") {
var time = new Date();
var currentime = Date.now();
var x = currentime - time;
postedTime = currentime;
$("ul").prepend("<li>" + v + "<br />Posted by " + u + " <span class='time'>" + x + "</span> minutes ago </li>");
window.setInterval( function () {
var newTime = new Date(new Date() - postedTime);
$(".time").html(newTime.getMinutes());
}, 1000);
$('#type, #input').css('border', '');
} else if (v == "" && u == "") {
$('#type, #input').css('border', '1px solid red');
} else if (v == "") {
$('#type').css('border', '1px solid red');
$('#input').css('border', '');
} else {
$('#input').css('border', '1px solid red');
$('#type').css('border', '');
}
});
我需要一种方法在每篇文章中使用新的选择器。我需要一种方法在每篇文章中使用新的选择器。这就是上课的目的。隔离实例并不难。@charlietfl好的,我的问题是,我显然不知道如何隔离实例,甚至不清楚您的问题是什么……指向多个其他问题的链接不是设置新问题的正确方式……应该先阅读这一个问题是什么。坦白说,我说不出来。不要计划等待几分钟来更改内容。建议您使用数据在每个元素上存储每个发布的时间…然后在每个循环中循环并单独修改。那里有一个隔离区。现在你设置了所有的sameI我不太明白
var postedTime;
$('#b').click(function () {
var v = $('#type').val();
var u = $('#input').val();
if (v !== "" && u !== "") {
var time = new Date();
var currentime = Date.now();
var x = currentime - time;
postedTime = currentime;
$("ul").prepend("<li>" + v + "<br />Posted by " + u + " <span class='time'>" + x + "</span> minutes ago </li>");
window.setInterval( function () {
var newTime = new Date(new Date() - postedTime);
$(".time").html(newTime.getMinutes());
}, 1000);
$('#type, #input').css('border', '');
} else if (v == "" && u == "") {
$('#type, #input').css('border', '1px solid red');
} else if (v == "") {
$('#type').css('border', '1px solid red');
$('#input').css('border', '');
} else {
$('#input').css('border', '1px solid red');
$('#type').css('border', '');
}
});