jQuery 的 .html() 方法在 IE 9 中无法正常工作答案

【问题标题】：.html() method of jQuery not working properly in IE 9jQuery 的 .html() 方法在 IE 9 中无法正常工作
【发布时间】：2015-03-12 07:51:27
【问题描述】：

<h1>
    <span id="T-1">
        <div>1111</div>
        <div><h1>2222</h1></div>
        <div>33333</div>
    </span>
</h1>

我有这个 html 代码用于在 IE 9 中复制问题。我正在使用以下 js 代码：

console.log($("#T-1").html());

上面的代码没有获取完整的内部 html 数据。它正在获取部分 html 数据。任何人都可以看看这个问题。

控制台输出是：

<div>1111</div><div></div>

【问题讨论】：

【解决方案1】：

您将 h4 嵌套在 h1 中，这会导致您遇到错误。编写有效的代码，如：

使所有 div 跨越

<h1 id="T-1">
    <span >1111</span >
    <span class="h4">2222</span >
    <span >33333</span >
</h1>

查看他的pen

【讨论】：

@t.niese 同意！，不知何故，浏览器设法在 span 内使用 div，但是当您将 h4 放入 h1 时，它会在控制台中停止，如果您有任何疑问，我建议您尝试相同事物！ :)
@VilasKumkar，在我的原始 html 数据中将
标记替换为
标记。它将控制以下数据：
1111

（即原始 html 结构的某些部分）。此外，如果您在 IE9 浏览器中进行调试，您会看到 Jquery 代码没有按预期工作...
@TBasak 我没听明白，请您详细说明一下或更新您的相关代码
@TBasak Dude，“您将 h4 嵌套在 h1 中”这并不意味着您应该在 h1 中尝试任何“h*”标签

标记。它将控制以下数据：1111 （即原始 html 结构的某些部分）。此外，如果您在 IE9 浏览器中进行调试，您会看到 Jquery 代码没有按预期工作...