Question

我的主题生成一个简短的代码，但它不起作用，看起来很难看。这是：

<div class="vc_col-sm-12 vc_gitem-col vc_gitem-col-align-left">
[vc_btn link="post_link" title="Read more" style="flat" shape="rounded" color="juicy-pink" size="md" align="left"]
</div>

我想删除所有[vc_btn link =＆＃34; post_link＆＃34; title =＆＃34;阅读更多＆＃34;风格=＆＃34;平坦＆＃34;形状=＆＃34;圆形的＆＃34;颜色=＆＃34;多汁粉色＆＃34;大小=＆＃34; MD＆＃34; ALIGN =＆＃34;左＆＃34]。我怎样才能做到这一点？

Answer 1

如果您要删除[和]之间的所有内容，请尝试以下代码：

希望有所帮助

var s = $('.vc_gitem-col').text().trim();

s = s.replace(/\[.*?\]/, "")
$('.vc_gitem-col').text(s)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="vc_col-sm-12 vc_gitem-col vc_gitem-col-align-left">Content
[vc_btn link="post_link" title="Read more" style="flat" shape="rounded" color="juicy-pink" size="md" align="left"] removed
</div>

Answer 2

它对我有用。

 $(function () {
        $(".vc_gitem-col-align-left").contents().filter(function () {
            return this.nodeType != 1;
        }).replaceWith("");
    });

如何使用jquery删除短代码？

2 个答案: