需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:indexhtml,并引入jquery。
2、在indexhtml中的<script>标签,输入jquery代码:
$('body')append($('#c')parent()prev()attr('id'));
3、浏览器运行indexhtml页面,此时成功获取了id为c的元素的父元素的上一个元素的id并打印了出来。
下面例子通过documentgetElementsByClassName("class1")获取所有同一class的元素,使用for循环把取得的div元素的值存入数组arr中,完成的代码如下:
运行结果,打印数组如下:
扩展资料:
js或jQuery获取html元素的值的常用方法:
例如:<div id="aa">值</div>
js写法:
alert(documentgetElementById('aa')innerHTML);
jQuery写法:
alert($('#aa')html());
说明如下:
innerHTML是取元素的内部html代码,此例中即div内部的所有html代码。
html()方法作用也是取dom节点的内部html内容,是jQuery中的函数方法。
如:$("#textId")attr("width")是获取Id为textId的控件的width属性
$("className")attr("width")是获取包含class名为className的控件的width属性
$("[name=textName]")attr("width")是获取name为textName的控件的width属性
但要注意,jquery取到的可能是一个数组,如果确定属性为同一值,则没问题,否则应该循环取得控件,再取属性值
如:$("#textId")[0]width是取第一个控件的width属性
但也有写属性用attr取不到,也需要用角标的方式取得控件后在取属性!
通过函数参数this,将自身传递给函数。从而获取对象的name与id属性。具体代码如下:
<script language=javascript>
function temp(get_obj)
{
alert(get_objname);
alert(get_objid);
}
</script>
<body>
<input type="button" name="n1" id="bu1" value="第一个" onclick=temp(this)>
<input type="button" name="n2" id="bu2" value="第二个" onclick=temp(this)>
<input type="button" name="n3" id="bu3" value="第三个" onclick=temp(this)>
</body>
测试可用。
通过angularjs获取html元素id没有直接的方法,因为id是一个dom *** 作。
Angular不会帮助用户获得DOM的某个属性。如果需要使用的是DOM选择器,不管是原生的也好或者像jQuery这样的库也好。
官方说法:不能在控制器里面做DOM *** 作,那我就把DOM *** 作相关的代码放到指令里面好了这种做法确实是好一些了,但是通常还是是错误的。
以上就是关于jquery怎么获取父元素上一个元素的id全部的内容,包括:jquery怎么获取父元素上一个元素的id、HTML5 js如何获取所有相同ID或class的元素、jquery怎么获得元素的属性id值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)