如何删除 html 元素，同时保持输入值中的文本不变？

Question

需要从输入值标签中删除标签。

该元素由主机的 CMS 生成，因此我可以删除粗体标记的唯一方法是通过运行脚本。

<span id="kkkje30">
<input type="text" id="siF14" class="manFlPassw" value="<b>generated text</b>" maxlength="15">
</span>

Answer 1

您可以像这样使用正则表达式删除输入值中的标签

$(document).ready(function(){
  $('input').each(function(index, item){
    var regex = /(<([^>]+)>)/ig;
    var value = $(item).val();
    var removedtag = value.replace(regex, '');
    $(this).val(removedtag);
  });
})

演示：

$(document).ready(function(){
  $('input').each(function(index, item){
    var regex = /(<([^>]+)>)/ig;
    var value = $(item).val();
    var removedtag = value.replace(regex, '');
    $(this).val(removedtag);
  });
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span id="kkkje30">
<input type="text" id="siF14" class="manFlPassw" value="<b>generated text</b>" maxlength="15">
</span>

如何删除 html 元素，同时保持输入值中的文本不变？

How to remove html element while leaving the text inside input value untouched?

html

css

jscript