过去，我使用以下代码获取 data-placeholder 属性中的文本，并将其用作我的 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);
如果没有，那么在处理这么多函数时是否有更好的方法来做到这一点？
最佳答案
简单的解决方案是附加一个样式标签:
var rule ='[contentEditable=true]:empty:not(:focus):before {'+
' content:attr(data-placeholder)'+
'}';
$('head').append('<style>'+rule +'</style>');
关于javascript - jQuery 和 CSS 选择器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32791659/