jquery怎么获取父元素上一个元素的id

jquery怎么获取父元素上一个元素的id,第1张

需要准备的材料分别有:电脑、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值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9497863.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存