simplify search for html element in string

Question

I am checking for html elements in a string. This works but I have a ton of html elements to check and for various strings. Can this be simplified so I can check all common html element types?

    $("<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.";
    });

CertainPerformance · Accepted Answer · 2019-09-18 06:33:19Z

2

Create just one element, populate its HTML, and then use the selector string a, img, input, and check the .length of the resulting collection:

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>

answered Sep 18, 2019 at 6:33

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Bhushan Kawadkar · Accepted Answer · 2019-09-18 08:14:17Z

1

You can create div and add string to it and just check if it contains any child element, this way you don't need to put check of every type of html tags / element

var $div = $("<div/>").html(test_string);
if($div.children().length>0) {
        //here are your anchors
        test_string = "error saving test string. can't contain html elements.";
  );

edited Sep 18, 2019 at 8:14

answered Sep 18, 2019 at 6:33

Bhushan Kawadkar

28.6k5 gold badges39 silver badges61 bronze badges

Collectives™ on Stack Overflow

simplify search for html element in string

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related