如何选择此跨度

How do I select this span?

本文关键字：选择 何选择      更新时间：2023-09-26

这是我想在jquery 中选择的元素

.box3 span.info:before{
  content:"15 vacatures";
    margin:0;
    padding:0 0 28px 0;
    font-family: 'MaisonNeueMono';
    letter-spacing: normal;
    font-weight: normal;
    font-size: 12px;
    text-transform: uppercase;
    position:relative;
}

我试过了，但它没有选择它，也不能只放".info"：那么我该如何选择这个元素呢？

$(".box3 span.info:before").hover(function(){
    $(".box3 h1").fadeOut();
});

删除:before，它只是css部分，它不是用元素渲染的，它只是用来在元素之前添加css。

你只需要写这个：

$(".box3 span.info").hover(function(){
    $(".box3 h1").fadeOut();
});

伪元素before不是选择器的一部分，只需省略它：

$(".box3 span.info").hover(function(){
    $(".box3 h1").fadeOut();
});

此外，您可能希望将样式&内容插入如下：

.box3 span.info {
    margin:0;
    padding:0 0 28px 0;
    font-family: 'MaisonNeueMono';
    letter-spacing: normal;
    font-weight: normal;
    font-size: 12px;
    text-transform: uppercase;
    position:relative;
}
.box3 span.info::before{ 
    content:"15 vacatures";
}

这里不需要psuedo选择器。您需要使用：

$(".box3 span.info").hover(function(){
  $(this).closest('.box3').find('h1').fadeOut();
});

您不能使用jQuery选择伪元素，因为这些伪元素不是真正的DOM对象，因此在jQuery上下文中不存在。

也就是说你的:before伪元素不能用jQuery选择。

如果您需要在SO上搜索更多解释，例如：使用jQuery 选择和操作CSS伪元素，如：before和：after

相关文章：