2 h jsen H_jsen 于 2016.03.29 18:06 提问

如何用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代码要怎样修改?

4个回答

showbo
showbo   Ds   Rxr 2016.03.29 21:27
已采纳

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>
Gavin_gao123
Gavin_gao123   2016.03.29 18:09

id不能一样的,是class吧

Gavin_gao123
Gavin_gao123   2016.03.29 18:11

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

hsd2012
hsd2012   2016.03.29 18:41

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

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!