如何選擇此跨度？

這是我的元素，我想在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(); 
});

來源

2014-09-04 Noob17

[操縱使用jQuery CSS僞元素（如：前和：後）的可能重複（http://stackoverflow.com/questions/5041494/manipulating-css-pseudo-elements-using-jquery-eg-before-after-after-after） – 2014-09-04 12:39:49

取出:before，它僅僅是CSS的一部分，它不與元素渲染，它只是使用元素之前添加CSS。

你只需要這樣寫：

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

來源

2014-09-04 12:34:43

非常感謝！ – Noob17 2014-09-04 12:50:28

僞元素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"; 
}

來源

2014-09-04 12:34:57 heikkim

這裏你不需要僞選擇器。你需要使用：

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

來源

2014-09-04 12:36:11

不能使用jQuery選擇pseudoelements那些都不是真正的DOM對象從而在jQuery的上下文中不存在。

這表示您的:before pseudoelement無法通過jQuery進行選擇。

如果你需要更多的解釋搜索上SO，例如： Selecting and manipulating CSS pseudo-elements such as ::before and ::after using jQuery

來源

2014-09-04 12:36:48

如何選擇此跨度？

回答

相關問題