0 0

javascript 数组循环 和 操作父元素问题10

js部分
<script type="text/javascript" src="js/jquery.min.js"></script>
	<style>
		.jj{
			width:100px;height:60px;
		}
	</style>
	<script type="text/javascript">
		$(document).ready(function() {
			var array = new Array();
			array = document.getElementsByName("counts");
			var i=0;
			while(i<array.length){
				var cou_1 = parseInt(array[i].getAttribute("cou_1"));
				var cou_2 = parseInt(array[i].getAttribute("cou_2"));
				//array[i].previousSbiling.innerHTML="--"+(cou_1+cou_2);
				array[i].parentNode.innerHTML="-----"+cou_1;
				//alert(array[i].parentNode.innerHTML)
				//alert(x.parentNode.getAttribute("id"));
				
				
				i++;
			}
		});
	</script>


页面部分
<div id="a1" class="jj" style="background-color:#E7ABAB">
		<input type="hidden" id="cou_1" name="counts" cou_1="10" cou_2="12" />
    </div>
	<div id="a2" class="jj" style="background-color:#E7ABAB">
		<input type="hidden" id="cou_2" name="counts" cou_1="10" cou_2="12" />
    </div>
	<div id="a3" class="jj" style="background-color:#E7ABAB">
		<input type="hidden" id="cou_3" name="counts" cou_1="10" cou_2="12" />
    </div>
	<div id="a4" class="jj" style="background-color:#E7ABAB">
		<input type="hidden" id="cou_4" name="counts" cou_1="10" cou_2="12" />
    </div>


效果不一样啊,控制台不报错



测试:
直接alert()父元素的id值 没问题,为啥 给父元素 添加内容出现 跳步现象了啊???

求指教!!!

问题补充:直接给当前元素赋值 array[i].value="-----"+(cou_1+cou_2); 这个没有问题

问题补充:array[i].parentNode.setAttribute("id",""+(cou_1+cou_2))  给父元素的属性赋值 也没问题
2014年10月24日 16:57

1个答案 按时间排序 按投票排序

0 0

采纳的答案

这样写,$(html).appendTo($(array[i]).parent());

2014年10月26日 20:03

相关推荐

    JavaScript详解(第2版)

     14.10 定位元素和层   14.10.1 绝对定位   14.10.2 〈div〉容器   14.10.3 绝对定位   14.10.4 相对定位   14.10.5 z索引和三维   14.11 如何与JavaScript融合   14.11.1 什么是DHTML   ...

    JavaScript笔记

    JavaScript:定义行为和动作 (基于对象和事件驱动的客户端脚本语言;也是一种广泛应用于客户端Web开发的脚本语言) 基于对象:网页中的一切元素都是假象!不需要new,即可直接使用 事件驱动:JavaScript的执行都是...

    javascript将扁平的数据转为树形结构的高效率算法

    当我们需要将一个一维数组转换成一个多层结构的时候,最简单但是最慢的就是多个for循环嵌套,但是这样做有一些缺点,那就是效率太低、而且有多少层就需要嵌套几个for循环,不好用。 我实现了用O(n)级算法将 一个扁平...

    JavaScript网页特效范例宝典源码

    实例082 通过for循环获取表单元素的中文名称 126 实例083 可以提交到不同处理页的表单 127 第3章 实用JavaScript函数 129 3.1 数据验证 130 实例084 通过正则表达式验证日期 130 实例085 验证输入的日期格式是否正确...

    javascript函数的解释

    5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value) 6.一个小写转大写的JS: document.getElementById("output").value = document.getElementById("input").value.toUpperCase...

    107个常用javascript语句

    5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID號").name(或value) 6.一个小写转大写的JS: document.getElementById("output").value = document.getElementById("input").value.toUpperCase...

    Java语言基础下载

    JavaScript和Java的区别 499 基于对象和面向对象 499 解释和编译 499 强变量和弱变量 500 静态联编和动态联编 500 实例 500 内容总结 503 独立实践 504 第二十六章:JavaScript基础 505 学习目标 505 基本结构 506 ...

    精通AngularJS part1

    不能在运行时修改的元素和属性123 自定义HTML元素与IE的老版本124 47使用过滤器处理模型变换124 内置过滤器125 格式化过滤器125 数组变换过滤器125 编写自定义过滤器——分页示例131 从JavaScript代码中访问...

    Tcl_TK编程权威指南pdf

    该函数库实现了基本的解释器,它有一套实现变量、流程控制和过程的核心脚本命令,而且还有一组用来存取操作系统服务以运行其他程序、存取文件系统和使用网络套接字的命令。Tcl和Tk提供了一台可以在UNIX、Windows和...

Global site tag (gtag.js) - Google Analytics