如何使用 Jquery 删除伪元素

【问题标题】：How to delete Pseudo-elements with Jquery如何使用 Jquery 删除伪元素
【发布时间】：2015-03-18 09:39:43
【问题描述】：

如何使用 jquery 删除伪元素。
我之前试过：

$('.myclass a:after').hide();

它不是那样工作的。

【问题讨论】：

能否请您也分享您的 HTML 或发布 JSFiddle ？
你不能像那样修改伪元素...但是你可以使用基于类的方法
jsfiddle.net/arunpjohny/gvau5s0z/1

标签： javascript jquery pseudo-element

【解决方案1】：

您不能直接使用脚本修改pseudo elements，但您可以使用一些变通方法。

其中之一是使用类似的类

$('button').click(function() {
  $('.myclass a').addClass('hide-after');
})

.myclass a:after {
  content: '++'
}
.hide-after:after {
  display: none
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="myclass">
  <a>something</a>
</div>
<button>Test</button>

【讨论】：