Test if an element can contain text

by

The W3 standard for “void elements” specifies:

Void elements
area, base, br, col, embed, hr, img, input, keygen, link, menuitem, meta, param, source, track, wbr

And apparently there’s some unofficial tags as well.

You can make a black list and use .prop('tagName') to get the tag name:

(function ($) {
    var cannotContainText = ['AREA', 'BASE', 'BR', 'COL', 'EMBED', 'HR', 'IMG', 'INPUT', 'KEYGEN', 'LINK', 'MENUITEM', 'META', 'PARAM', 'SOURCE', 'TRACK', 'WBR', 'BASEFONT', 'BGSOUND', 'FRAME', 'ISINDEX'];

    $.fn.canContainText = function() {
        var tagName = $(this).prop('tagName').toUpperCase();

        return ($.inArray(tagName, cannotContainText) == -1);
    };
}(jQuery));

$('<br>').canContainText(); //false
$('<div>').canContainText(); //true

Here you can also add your own tags to cannotContainText (eg. to add <tr> which is not officially a void element as it doesn’t match the specification “A void element is an element whose content model never allows it to have contents under any circumstances. Void elements can have attributes.“).

More Related Contents:

  1. jQuery. Find all attribute values within/under elements `script or noscript or iframe` that have attribute keys as `src or href` [closed]
  2. jQuery document.createElement equivalent?
  3. How can I select an element by name with jQuery?
  4. What is the most efficient way to create HTML elements using jQuery?
  5. How do I create a link using javascript?
  6. How to show Page Loading div until the page has finished loading?
  7. Finding line-wraps
  8. How to get the element clicked (for the whole document)?
  9. Why are duplicate ID values not allowed in HTML?
  10. Is there a DOM event that fires when an HTML select element is closed?
  11. How to find a parent with a known class in jQuery?
  12. jQuery: how to change tag name?
  13. Is there any “on DOM change” event? [duplicate]
  14. Get the DOM path of the clicked
  15. How to move table row in jQuery?
  16. Jquery Event Not Triggering for DOM Elements Created after page load [duplicate]
  17. Why do multiple `.appendTo` calls on a newly created jQuery element only append it once?
  18. How to add DOM element script to head section?
  19. Uncaught TypeError: Cannot read property ‘top’ of undefined
  20. JQuery html() vs. innerHTML
  21. How can I get access to a Highcharts chart through a DOM-Container?
  22. Open new window without focus on it [duplicate]
  23. How can I remove wrapper (parent element) without removing the child?
  24. User Activity Tracking using javascript library [closed]
  25. window.getSelection return html [duplicate]
  26. How to properly unload/destroy a VIDEO element
  27. How to get on-screen visible element objects in jQuery? [duplicate]
  28. Why I cant use jQuery functionality
  29. Any Javascript GURU here to make this Script ? If Anchor is Changed Redirect the Page
  30. How to disable HTML links

Leave a Comment