jquery 绑定td:after点击事件-行业技术问答-其它文档--梦行云软件

1jquery 绑定td:after点击事件

由于CSS中的`:after`伪类是不支持事件绑定的，所以无法直接绑定`:after`的点击事件。但是，我们可以用以下方法来实现绑定效果：

1. 把`:after`伪类换成一个实际的元素，如一个``标签，然后在该元素上绑定点击事件。

2. 使用jQuery的`on()`方法来绑定事件，而不是使用`click()`方法，因为后者只能绑定已存在的元素，而不是动态创建的元素。

下面是一些示例代码：

HTML部分：

```html

Click me

```

CSS部分：

```css
.clickable:after {
content: '';
display: inline-block;
width: 10px;
height: 10px;
background-color: red;
}
```

jQuery部分：

```js
$('table').on('click', '.clickable:after', function() {
console.log('Clicked');
});

$('.clickable').on('click', function() {
// 如果伪元素为 ::after 等，使用 .clickable::after 无法选中，因为直接在元素上。
$('.clickable').append('');
})
```

这些代码会在点击`td`元素的`:after`伪类时输出`Clicked`信息。注意，如果我们使用的是伪元素::after等，使用`.clickable::after`无法选中，因为直接在元素上，应该对元素进行操作单独定义一个类名选中元素再绑定事件。