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

如何用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');来获取