jQuery和CSS選擇器

Question

在過去，我使用下面的代碼來獲取數據佔位符屬性中的文本，並將其用作div的佔位符文本。

[contentEditable=true]:empty:not(:focus):before { 
    content:attr(data-placeholder) 
} 

這偉大的工作，但在我目前的項目，我們需要做同樣的事情，除了它使用jQuery完全建立。我知道jQuery有.empty(),.before(),:not()和.focus()函數。通過jQuery選擇器的工作方式，是否有可能像這樣在jQuery選擇器中使用CSS選擇器？

var div = $([contentEditable=true]:empty:not(:focus):before); 

如果沒有，那麼在使用這麼多函數時是否有更好的方法來做到這一點？

Answer 1

簡單的辦法就是添加一個樣式標籤：

var rule ='[contentEditable=true]:empty:not(:focus):before {'+ 
    ' content:attr(data-placeholder)'+ 
'}'; 
$('head').append('<style>'+rule +'</style>');