jquery点击一个链接删除一个节点
时间: 2024-01-25 10:03:51 浏览: 48
可以使用以下代码实现:
```
$('a.delete').click(function(e) {
e.preventDefault(); // 阻止默认链接行为
$(this).closest('li').remove(); // 删除最近的 li 节点
});
```
其中,`a.delete` 是要点击的链接的选择器,`closest('li')` 找到最近的 li 节点,`remove()` 方法删除该节点。
相关问题
jquery 获取第一个节点方法
可以使用 jQuery 的 `:first` 选择器来获取第一个节点,例如:
```javascript
$('ul li:first') // 获取 ul 元素下的第一个 li 元素
```
另外,也可以使用 `.first()` 方法来获取第一个匹配元素,例如:
```javascript
$('ul li').first() // 获取 ul 元素下的第一个 li 元素
```
jquery 获取最后一个子节点
可以使用 jQuery 的 `last()` 方法获取最后一个子节点。
例如,假设你有一个 `ul` 列表,你想获取最后一个 `li` 元素,可以使用以下代码:
```javascript
var lastLi = $('ul li').last();
```
这将返回列表中最后一个 `li` 元素。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)