问题描述

如何用JavaScript或jQuery获取多个input且同一id的value值

 <span id="bar"></span>
<input id="end_time" type="hidden" value="1483027200">

<span id="bar"></span>
<input id="end_time" type="hidden" value="1468944000">

<span id="bar"></span>
<input id="end_time" type="hidden" value="1466524800">

上面的HTML代码是循环输出的，只是每个value的值不同，
我是想获取当前的时间戳，再分别与每个value值的时间戳相减，
得到结果输出到对应span标签。

请问JavaScript或jQuery的代码要怎么写？或HTML代码要怎样修改？

解决方案

id一样需要用属性选择器，不能用id选择器

 <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<span id="bar"></span>
<input id="end_time" type="hidden" value="1483027200">

<span id="bar"></span>
<input id="end_time" type="hidden" value="1468944000">

<span id="bar"></span>
<input id="end_time" type="hidden" value="1466524800">
<script>
    var ts = new Date().getTime();
    $('input[id="end_time"]').each(function () {
        $(this).prev().html(ts-parseInt(this.value));
    });
</script>

解决方案二：

id不能一样的，是class吧

解决方案三：

你把id设成唯一的，每个input的id都不一样。再根据document.getElementById("id").value获得input的值

解决方案四：

把id改为class，然后再用jquery的$('.className');来获取