JavaScript – 测试元素是否可以包含文本

显然还有一些unofficial标签.

您可以使用黑名单并使用.prop(‘tagName’)获取标签名称：

(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

在这里,您还可以将自己的标签添加到cAnnotContaintext(例如,添加< tr>,它不是正式的一个void元素,因为它不匹配specification“一个void元素是一个元素,其内容模型永远不允许它具有内容在任何情况下,虚空元素都可以有属性.“).