JavaScript获取相同id的元素

在servlet里,你可以直接使用

1 String[] property=request.getParameterValues("property");//属性

来获取相同id的属性值。但是在js里,这是行不通的。我们只有采用寻找结点的方式来获取元素。使用这种方法的话,id是否相同对我们来说已经是透明的了。

 1   property[0]=$("#property").val();
 2    relation[0]=$("#relation").val();
 3    propertyvalue[0]=$("#wordvalue").val();
 4    node=$("#property").parent().parent().next();
 5    while(node.length>0){
 6        property[i]=node.children(":first").children(":first").val();
 7        relation[i]=node.children(":first").next().children(":first").val();
 8        propertyvalue[i]=node.children(":first").next().next().children(":first").val();
 9        node=node.next();
10        i++;
11    }

上面的例子中,设置三个数组变量:

1 var property=new Array();
2 var relation=new Array();
3 var propertyvalue=new Array();

其中,parent()返回的是该结点的父节点(只返回一个结点)。

children()返回的是当前结点的所有子结点,如果直接使用property=node.children().val();会出错。如使用children(":first"),则返回的是第一个子节点。

next()返回的是当前结点的下一个兄弟结点。

node.length>0是用来判断当前结点是否存在的。

这样就可以遍历所有想要的结点。

1 $.post("test/ContextServlet",{property:property,relation:relation,
2             propertyvalue:propertyvalue},function(data){autoNode.html(data);});

上面使用jq来向servlet传值。

时间: 2024-11-07 04:17:53

JavaScript获取相同id的元素的相关文章

JavaScript获取DOM节点HTML元素CSS样式

JavaScript获取DOM节点HTML元素CSS样式技术 maybe yes 发表于2015-01-10 18:07 原文链接 : http://blog.lmlphp.com/archives/59  来自 : LMLPHP后院 如何使用 JavaScript 获取某个 DOM 节点下 HTML 元素的 CSS 样式值?使用过 JQuery 的童鞋一定都非常的熟悉,Jquery 提供了非常强大的 CSS 方法,可以很方便的设置和获取元素的 style 属性. 某些情况下,我们不能使用 JQ

javascript获取数组最后一个元素(三种方法)

JavaScript 获取Array末尾元素 一.JavaScript pop() 方法 pop() 方法用于删除并返回数组的最后一个元素. 注意:pop() 方法将删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值.如果数组已经为空,则 pop() 不改变数组,并返回 undefined 值. var arr = new Array("js","JavaScript","jQuery"); var end

JavaScript获取浏览器窗口、元素、屏幕的大小

在实现页面的某些效果时,我们经常会用到JavaScript去获取浏览器窗口,页面中元素和屏幕的大小,而这三个的大小在不同的浏览器中获取的方式有所不同,所以不得不处理一些兼容性问题. 一.屏幕的大小 首先来看屏幕大小,什么是屏幕大小呢?屏幕大小是指当前所用设备的屏幕的分辨率(浏览器窗口外部显示器的大小),它一般是不变的.它们可以通过JavaScript中的screen对象的属性获取. screen.height:屏幕的像素高度: screen.width:屏幕的像素宽度: screen.avail

jQuery 遍历 - children() 方法 获取指定id下子元素的值

<a id="Aobj_2_2" class="" specid="2" specvid="2" href="javascript:void(0);"> <span>红色</span> <i title="点击"></i> </a> $("#Aobj_2_2").children("sp

利用javascript获取并修改伪元素的值

虽然标题里写的是伪元素,不过这篇文章主要是说::before和::after,其余几个伪元素(::first-letter.::first-line.::selection等)由于没有content属性,所以本文一笔带过,其实方法是一样的.伪元素的重点在于一个伪,虽然它们可以被浏览器渲染引擎识别并正确渲染,然而伪元素本身并不是DOM元素,所以无法被js直接操作--因此任何基于JS直接选取DOM元素的CSS更改方法对伪元素都不起作用.(JQ看似万能,这个问题上是直接就栽了.因为JQ的选择符都是基于

19 01 11 javascript 获取某一种元素(所有的标签) 以及字符串处理的方法

获取元素方法二 可以使用内置对象document上的getElementsByTagName方法来获取页面上的某一种标签,获取的是一个选择集,不是数组,但是可以用下标的方式操作选择集里面的标签元素. 注意 拿出来的是一个数组   所以不能直接进行操作 <script type="text/javascript"> window.onload = function(){ var aLi = document.getElementsByTagName('li'); // aLi

js 获取数组最后一个元素

javascript获取数组最后一个元素,js获取Array末尾元素 一.JavaScript pop() 方法 pop() 方法用于删除并返回数组的最后一个元素. var arr = new Array("js","JavaScript","jQuery"); var end = arr.pop() console.log(end);//jQuery console.log(arr);//["js", "JavaS

javascript获取id元素

function $(id){ return document.getElementById(id); }导致所有的js不能用解决办法.... function $(id){ return document.getElementById(id); } document.getElementById(id) 是获得id这个元素的. 相当于定义了一个方法,这样用  $("id0")就得到id为id0的控件了. 而这种定义的方法仅仅是在没有Jquery的工程中运用的,当你用啦$的话,再用Jq

JavaScript获取元素样式

原生的JavaScript获取写在标签内部的样式很简单: <div class="test" id="test" style="width:100px;">test</div> <script type="text/javascript"> window.onload=function(){ var oTest=document.getElementById("test"