javascript - 简化在字符串中搜索 html 元素

Question

我正在检查字符串中的 html 元素。这可行，但我有大量的 html 元素要检查和查找各种字符串。这可以简化以便我可以检查所有常见的 html 元素类型吗？

    $("<div/>").html(test_string).find('a').each(function (idx, elm) {
        //here are your anchors
        test_string = "error saving test string. can't contain html elements.";
    });

    $("<div/>").html(test_string).find('img').each(function (idx, elm) {
        test_string = "error saving test string. can't contain html elements.";
    });

    $("<div/>").html(test_string).find('input').each(function (idx, elm) {
        test_string = "error saving test string. can't contain html elements.";
    });

Answer 1

只创建一个元素，填充它的 HTML，然后使用选择器字符串 a, img, input，并检查结果集合的 .length:

let test_string = 'foo <input> bar';

const $div = $("<div/>").html(test_string);
if ($div.find('a, img, input').length) {
    test_string = "error saving test string. can't contain html elements.";
    console.log("error saving test string. can't contain html elements.");
}

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