jquery点击按钮获取当前元素this

点击按钮获取当前元素`this`，是前端开发中一个非常实用的小技巧，在开发网页时，我们经常需要对用户的操作做出响应，比如点击按钮后执行某些操作，这时，我们就需要用到`this`关键字了。

`this`关键字在JavaScript中的作用是指向当前上下文对象，在事件处理器中，`this`通常指向触发事件的元素，这样，我们就可以通过`this`来获取当前元素，进而对其进行操作。

我们来看一个简单的例子，假设我们有一个按钮，点击后想要获取这个按钮的文本内容：

```html

```

在这个例子中，我们首先通过`$(document).ready()`确保DOM加载完成后再执行脚本，我们给`#myButton`这个按钮绑定了一个点击事件处理器，在事件处理器中，我们使用`$(this).text()`获取了当前元素的文本内容，并将其打印到控制台。

可以看到，通过`this`关键字，我们可以很方便地获取到当前元素，然后对其进行操作，这在实际开发中非常有用，比如我们可以根据不同的按钮执行不同的操作。

再来看一个稍微复杂点的例子，假设我们有一个列表，每个列表项都有一个删除按钮，我们希望点击删除按钮时，能够删除对应的列表项：

```html

• 项目1删除
• 项目2删除
• 项目3删除

```

在这个例子中，我们给所有的删除按钮绑定了点击事件处理器，在事件处理器中，我们通过`$(this).parent()`获取了当前按钮的父元素，也就是对应的列表项，我们使用`listItem.remove()`删除了这个列表项。

通过这两个例子，我们可以看到`this`关键字在事件处理器中的重要作用，它可以帮助我们快速获取当前元素，然后对其进行各种操作，了这个技巧，可以大大提高我们开发网页的效率和灵活性。

这只是`this`关键字的一个基本用法，在实际开发中，我们还可以更多高级的用法，比如结合箭头函数、结合`call`、`apply`等方法，这些高级用法可以帮助我们更好地控制`this`的指向，实现更复杂的功能。

`this`关键字是一个非常强大的工具，可以帮助我们更好地控制事件处理器中的对象，通过学习和实践，我们可以这个技巧，提高我们的开发能力。