Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jQuery前置的不同选择器_Javascript_Jquery_Html_Jquery Selectors - Fatal编程技术网

Javascript 使用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

我正在制作一个社交网络,并在帖子中显示经过的时间。问题是,当你发帖,几分钟后再发帖,两篇帖子都变成了零。这是因为在我的上一个问题中,显示经过时间的解决方案是。此解决方案在具有类的帖子中具有跨度。班上有时间。但是当有两个同一个类时,它们都变成零

HTML:

JS/jQuery:

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