如何使用 Jquery 剥离 HTML 元素及其内部文本

Question

我试图通过替换标记来替换内联脚本注入，然后我想删除整个标记及其内部文本。 我正在努力删除整个标签。 任何帮助都会非常有用。 这是我能够实现的-

 $(".txtScript").live("blur", function () { stripScriptTags(); }); function stripScriptTags() { var wrappedString = $(".txtScript").val(); var noScript = wrappedString.replace(/script/g, "THISISNOTASCRIPTREALLY"); var html = $(noScript); html.find('THISISNOTASCRIPTREALLY').remove(); }

我传递的输入是-

 <table> <tr> <td>Test</td> <td><script type="Text/JavaScript">alert('hello')</script>Success</td> </tr> </table>

预期产出-

 <table> <tr> <td>Test</td> <td>Success</td> </tr> </table>

Answer 1

你不需要.replace(/script/g)与 jQuery。 但是，如果您更喜欢 RegExp，请考虑将i标志与g用于不敏感的大小写。

此外，jQuery 添加了一些额外的标签，例如<tbody>并且它比 RegExp 更慢。 我不推荐这种方式。

仅 jQuery：

 $('.txtScript').on('blur', stripScriptTags); function stripScriptTags() { var wrappedString = $(this).val(); var $html = $(wrappedString); $html.find('script').remove(); $('#result').text($html[0] && $html[0].outerHTML || ''); }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script> <textarea cols="30" rows="10" class="txtScript"></textarea> <pre id="result"></pre>

使用正则表达式：

 $('.txtScript').on('blur', stripScriptTags); function stripScriptTags() { const regex = /\\<script(.*)\\/script\\>/gi; $('#result').text($(this).val().replace(regex, '')); }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script> <textarea cols="30" rows="10" class="txtScript"></textarea> <pre id="result"></pre>