JQuery:自我结束的div

时间:2014-03-11 01:53:43

标签: jquery html dom

我正在努力对付一个遗留系统,当div不包含任何内容时会产生自我关闭的div。

我想使用jQuery来获取某些div的内部html,但如果div是自动关闭的,jQuery总是会出错.html。

请参阅下面的演示代码:

<!doctype html>
<html>
<head>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script type="application/javascript">
        $(function () {
            var s = $('.b').html();
            alert(s);
        });
    </script>
</head>
<body>
    <div class="a"></div>
    <div class="b" />
    <div class="c">This is c</div>
</html>

当我运行此代码时,我得到了这个结果:

enter image description here

请帮助我,任何建议都将不胜感激。

1 个答案:

答案 0 :(得分:4)

我怀疑这是不可能的,因为Are self-closing tags valid in HTML5?以斜杠结尾的元素等同于不包含的元素。

jQuery在浏览器生成的DOM上运行,浏览器将元素视为打开,请参阅this example

var s = $('.b').parent().html(); // <div class="a"></div><div class="b"><div class="c">This is c</div></div>