js怎样获得上一层的this对象

使用jquery可以很方便的解决这个问题。

parent([expr])

取得一个包含着所有匹配元素的唯一父元素的元素集合。

可以使用可选的表达式来筛选。

<div><p>Hello</p><p>Hello</p></div>

<script type="text/javascript">

$("p")parent();//获取p元素的父级元素（div）;

</script>

Dom对象的id属性可以获取元素的id值。关键代码如下：

1

2

<!-- HTML结构 -->

<input id='btn' type='button' onclick='test(this)' value='点击获取当前按钮的id' />

1

2

// javascript代码

function test(obj){alert(objid)}

实例演示如下：

创建Html元素

1

2

3

4

5

6

<div class="box">

<span>实例演示：获取被点击元素的id</span>

<div class="content">

<input id='btn' type='button' onclick='test(this)' value='点击获取当前按钮的id' />

</div>

</div>

设置css样式

1

2

3

4

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox>span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

input[type='button']{height:30px;margin:10px;padding:5px 10px;}

编写jquery代码

1

2

3

function test(obj){

alert(objid)

}

观察效果

一个基本概念：普通函数的 this 指向不是在定义的时候确定，而是在调用的时候确定。

两个注意事项：

接下来从一般形式函数调用、方法调用、apply 和 call 调用、箭头函数、class 等理清指向问题。

所谓一般形式函数调用就是 函数名() ，this 指向全局对象。

一个函数被设置为对象(非全局对象)的属性值时，就是方法调用，this 指向对象自身。

箭头函数没有自己的 this，看其 定义时 外层是否有函数，如果有，外层函数的 this 就是内部箭头函数的 this，如果没有，则 this 指向 Window。

一般来说，在 vue 生命周期函数或自定义方法中 this 指向的是 vue 实例，但是要注意下面的3种情况。

以上理解如果有不对之处请指出。

以上就是关于js怎样获得上一层的this对象全部的内容，包括:js怎样获得上一层的this对象、js获取当前被点击的input、看一遍就能掌握 js 中的 this 指向等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！