jqueryを使ってショートコードを削除するには？

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リンク=「post_link」タイトル=「続きを読む」スタイル=「フラット」な形状=「丸め」色=「ジューシーピンク」サイズ= "MDを削除したいです"align =" left "]。これどうやってするの？

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(""); 
    });