html - 如何隐藏“-”破折号之前的所有文本?
问题描述
**div类容器中有一个段落,如何隐藏“-”之前的文字?**
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div class="container">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor - incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</body>
</html>
解决方案
在js中
var element = document.querySelector('.container p')
if(element){
element.innerText = element.innerText.replace(/.*- /, '');
// if you need non greedy regexp use /.*?- / instead
}
推荐阅读
- mongodb - 使用索引的MongoDB慢查询
- docker - 在 kubernetes 集群中部署映像获取 CrashLoopBackOff
- ios - iOS 12 - NSLocale 问题
- amazon-web-services - 我们可以创建一个有权在 AWS 中创建其他 IAM 用户的 IAM 用户吗
- json.net - 为什么 Json.Net 在反序列化第一次时间会导致大量分配
- android - ConstraintLayout by Code - 过早设置约束
- python - 上传到云笔记本(如 colaboratory 或 azure 笔记本)时,jupyter 笔记本图像不显示
- javascript - 在这种情况下该功能的实现是什么
- twitter - 将流式推文存储在列表中以供进一步分析
- javascript - 12小时格式的一天的时刻js间隔