如何使用 jQuery 从字符串中删除输入标签？ 该字符串还包含其他 html 标签

Question

this is the string:

Hi &nbsp;<input type="text" placeholder="Person&nbsp;Full&nbsp;Name">,<span><br></span><span><br></span><span><span> This is a sample email template for &nbsp;</span></span><input type="text" placeholder="Deal&nbsp;Title">&nbsp;associated with &nbsp;<input type="text" placeholder="Deal&nbsp;Owner"><span><br></span><span><br></span><span><span><br></span></span><span><span><span> Regards, </span></span></span><span><span><span><span><br></span></span></span></span><input type="text" placeholder="Organization&nbsp;Name"><span><br></span><span> dlkgmffkgmkm &nbsp;</span><input type="text" placeholder="">&nbsp; dslkfmlgdmglkfnkl <input type="text" placeholder=""><br>

I am also using an Editor in my textarea.

        $(".btn-removehtml").click(function() {
           html = $('.email-textarea').Editor("getText");
           replaceInput = html.find('input').replaceWith(function() {
                return this.innerHTML;
           }).end().html();
        });

Answer 1

You can try this..

var string = '<input type="text" placeholder="Person&nbsp;Full&nbsp;Name">,<span><br></span><span><br></span><span><span>';

var newString = $(string).not('input');

$('body').append(newString);

For all use input you can do this.

var newString = $(string).find('input').remove().end();

Answer 2

call the below function to replace the all the input in to static value "abcd"

function parseEmailTemplate(html) {
    let myRegex = /<input\s[^>]*>/gi;
    let match = myRegex.exec(html);
    if (match) {
        value="abcd";
        html = html.replace(match[0], value);
        html = parseEmailTemplate(html);
    }
    return html;
}

Answer 3

Using html() and remove()

 var string = `Hi&nbsp;<input type="text" placeholder="Person&nbsp;Full&nbsp;Name">,<span><br></span><span><br></span><span><span>This is a sample email template for&nbsp;</span></span><input type="text" placeholder="Deal&nbsp;Title">&nbsp;associated with&nbsp;<input type="text" placeholder="Deal&nbsp;Owner"><span><br></span><span><br></span><span><span><br></span></span><span><span><span>Regards,</span></span></span><span><span><span><span><br></span></span></span></span><input type="text" placeholder="Organization&nbsp;Name"><span><br></span><span>dlkgmffkgmkm&nbsp;</span><input type="text" placeholder="">&nbsp; dslkfmlgdmglkfnkl <input type="text" placeholder=""><br>` var html = string // $('.email-textarea').Editor("getText"); var $html = $('<div/>').html(html); $html.find('input').remove(); var replaceInput = $html.html(); document.body.innerHTML = replaceInput; // $('.email-textarea').Editor("setText", replaceInput);

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>