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

问题描述

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); 这个没有问题

解决方案

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

时间： 2024-10-21 22:14:42

javascript 数组循环 和 操作父元素问题的相关文章

Javascript 数组循环遍历之forEach

1.  js 数组循环遍历. 数组循环变量,最先想到的就是 for(var i=0;i<count;i++)这样的方式了. 除此之外,也可以使用较简便的forEach 方式   2.  forEach 函数. Firefox 和Chrome 的Array 类型都有forEach的函数.使用如下: <!--Add by oscar999--> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"

Javascript数组循环遍历之forEach详解_基础知识

1.js 数组循环遍历. 数组循环变量,最先想到的就是 for(var i=0;i<count;i++)这样的方式了. 除此之外,也可以使用较简便的forEach 方式 2.forEach函数. Firefox 和Chrome 的Array 类型都有forEach的函数.使用如下: <!--Add by oscar999--> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> &l

JavaScript数组常用操作技巧汇总_javascript技巧

本文实例汇总了JavaScript数组的常用操作技巧.分享给大家供大家参考.具体如下: 前言 相信大家都用惯了jquery或者underscore等这些类库中常用的数组相关的操作,如$.isArray,_.some,_.find等等方法.这里无非是对原生js的数组操作多了一些包装. 这里主要汇总一下JavaScript数组操作的常用API.相信对大家解决程序问题很有帮助. 一.性质JavaScript中的数组是一种特殊的对象,用来表示偏移量的索引是该对象的属性,索引可能是整数.然而,这些数字索引

javascript数组操作(创建、元素删除、数组的拷贝)_基础知识

1.数组的创建 复制代码 代码如下: var arrayObj = new Array(); //创建一个数组var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); 创建一个数组并赋值 要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为5,仍然可以

JavaScript数组和循环详解

          JavaScript数组和循环详解           这篇文章主要介绍了JavaScript数组和循环详解,本文讲解了循环遍历数组.按顺序存储和访问值.以相反的顺序存储和访问值.在数组中搜索等内容,需要的朋友可以参考下               数组是元素的一个有序组合.在JavaScript中,数组可以使用正式的对象表示法来创建,或者可以使用直接量表示法来初始化.   代码如下: var arrObject = new Array("val1", "

JavaScript数组和循环详解_javascript技巧

数组是元素的一个有序组合.在JavaScript中,数组可以使用正式的对象表示法来创建,或者可以使用直接量表示法来初始化. 复制代码 代码如下: var arrObject = new Array("val1", "val2"); // 作为对象的数组 var arrLiteral = ["val1", "val2"]; // 数组直接量 对于开发者来说,这没有区别:在直接量和对象上都可以调用一个Array方法.对于JavaS

javascript数组操作(去重,排序,连接)

1.数组的创建  代码如下 复制代码  var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //创建一个数组并赋值        要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使

JavaScript从数组中删除指定值元素的方法

 这篇文章主要介绍了JavaScript从数组中删除指定值元素的方法,实例分析了两种常用的javascript操作数组指定元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了JavaScript从数组中删除指定值元素的方法.分享给大家供大家参考.具体分析如下: 下面的代码使用了两种方式删除数组的元素,第一种定义一个单独的函数,第二种为Array对象定义了一个removeByValue的方法,调用非常简单 定义函数removeByValue进行元素删除 ? 1 2 3 4

javascript数组操作

 这篇文章主要介绍了javascript数组操作,包括创建.元素的访问.元素删除.数组的拷贝等操作,还有其它示例,需要的朋友可以参考下 1.数组的创建    代码如下: var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]);