Javascript只从foreach循环中获取第一个id.为什么
Javascript gets only the first id from a foreach loop. Why?
我使用foreach循环来获得一些具有不同id的制表符。这样我就得到了id为tab1、tab2、tab3等的标签。然后,当我想使用javascript获得每个选项卡的id时,它只返回第一个选项卡的id,并将其用于所有选项卡。它不像php那样循环。为什么?
<?php
foreach ($DB_con->query($foos) as $foo) {
?>
<div id='tab<?php echo $counter_foo; ?>'>
<div id="divid" style="visibility: hidden"><?php echo $counter_foo; ?></div>
<script>
$(document).ready(function() {
var dividvalue = document.getElementById('divid').innerHTML;
alert(dividvalue);
});
</script>
<?php
}
?>
将HTML中的id
更改为class
,并在JavaScript中使用getElementsByClassName
而不是getElementById
。
div:
<div class="divid"> <!-- etc -->
和你的JS.
var dividvalue = document.getElementsByClassName('divid')[0].innerHTML;
同时考虑将divid
更改为divclass
,以保持一致性。
完整编辑代码:
<script>
var i = 0;
</script>
<?php
foreach ($DB_con->query($foos) as $foo) {
?>
<div id='tab<?php echo $counter_foo; ?>'>
<div class="divclass" style="visibility: hidden"><?php echo $counter_foo; ?></div>
<script>
$(document).ready(function() {
var divclassvalue = document.getElementsByClassName('divclass')[i].innerHTML;
alert(divclassvalue);
i++;
});
</script>
<?php
}
?>
相关文章:
- 而循环只设置php中输入字段中的第一个值
- 错误:$injector:modulerr模块错误(我的第一个SPA应用程序)
- IE11中的第二个调用取消了第一个Fetch API调用
- Javascript XMLHttpRequest——只有第一个POST请求有效
- 使用javascript或angularjs特定过滤器搜索字符串中第一个img标记的json值
- Javascript:表单验证getElementById仅返回第一个id元素
- 仅将 CSS 规则应用于
中的第一个 ,而不分配类/ID - JS在隐藏未定义的值后仅从数组中返回第一个id的值
- 具有相同输入 ID 的多个表单仅使用 Ajax 发送第一个值
- jQuery只从循环中获取第一个id值
- Javascript只从foreach循环中获取第一个id.为什么
- 使用jQuery查找任何后代的第一个id
- 如何找到第一个键“id”在AngularJS的页面上
- 在具有多个id的目标页面上,脚本只作用于第一个id
- Jquery效果只作用于第一个id
- 如何获得第一个的id
& lt; tbody>在HTML表格中使用jQuery - jQuery 遍历 .each() 并基于第一个 .each() 给出迭代 id
- Jquery scrollTop将只滚动到第一个id,而不会滚动到其他id
- JS不读取第一个ID,只读取第二个ID
- ajax表单只向第一个id提交空白描述