jquery - 我的 div 标签在 jquery.html 替换后没有正确对齐

Question

<div class="container"><span class="field_label">Job</span><input class="fields2" type="text" maxlength="200" name="first_name" /></div>
    <div class="container"><span class="field_label">Date</span><input class="fields2" type="text" maxlength="200" name="the_date" id="the_date" /></div>
    <div class="container" id="sched_text">sdfdsfdsf</div> <!-- schedule text-->
    <div class="container"><span class="field_label">Time</span>


.container{
position:relative;
display:block;
float:right;
border: 1px solid;
padding-bottom: 10px;
}

我的 html/css 使我的容器彼此对齐。但是，当我在 jquery 中使用 .html 更改文本或向 sched_text 添加文本时，它会关闭 css 并将 div 标记不再作为 block 放置，而是放在一边的某个地方。

当您使用 .html 文本时有什么变化吗？正确的做法是什么？谢谢

好的，问题是我的 .html 或 .text 不是字符串。我刚刚做了 .text(the_Week[i][1]);结果是一个数字。如何将其显示为字符串？

Answer 1

我建议通过 HTML 验证器运行您的 HTML。有时 HTML 验证错误会导致不需要或意外的行为。即使没有问题，这始终是一个好主意，可以避免在问题确实发生时进行事后猜测。

https://addons.mozilla.org/en-US/firefox/addon/249/

如果这不起作用，也许尝试使用 .text() 来编辑文本而不是 .html()。