将任何纯文本替换为特定div的类

试图将像[make-this-class]这样的纯文本替换为特定div的

之

。

HTML：

 
 text text [make-this-class] text 
 Text text text 
  text text [make-this-class] text  

如何通过jquery将任何纯文本[any-text]替换为dom元素的特定div类？

Answer 1

尝试使用.html() ， String.prototype.replace()和RegExp /\[(.*)\]/ String.prototype.replace() /\[(.*)\]/

 $(".this-div-only").html(function(i, html) { return html.replace(/\[(.*)\]/, $("
", {"class":"$1"})[0].outerHTML) }) 

  
 text text [make-this-class] text 
 Text text text 
  text text [make-this-class] text  

Answer 2

存储div的内容，替换您正在寻找的字符串，最后用新内容更新div的内容。

 var content = $('.this-div-only').html(); var newcontent = content.replace('[make-this-class]', '
'); $('.this-div-only').html(newcontent);