javascript - jquery .html中的html标签

Question

我对以下代码有问题，显然我需要以某种方式逃避一些 html contet，但我不明白问题出在哪里以及如何解决它，请帮助:)

$(".alert_window_content").html('<div style="margin-top:15px; position:absolute; right:5; width:250px; z-index:2; opacity:0;"><input type="file" id="X" name="X" onChange="GetDiretory()"\>
</div>
    <div class="X">
<form><input class="X" type="button" value="X"></input><div class="X" style="background-color:white; width:160px; height:19px; float:right; margin-right:3px; margin-top:2px;">
</div>
    <div style="display:inline-block;"><input class="X" type="submit" name="X" value="X"\></div>
</form>
</div>
<div class="X" style="display:inline-block; margin-top:10px;"></div>');    

Answer 1

不确定我是否正确理解了您的问题，但如果您希望 html 标签显示为可读内容，您应该使用.text()而不是.html()

Answer 2

如果您想在 .alert_window_content 中包含 HTML 代码，那么您需要使您的 HTML 代码更有效：

$(".alert_window_content").html('<div style="margin-top:15px; position:absolute; right:5; width:250px; z-index:2; opacity:0;"><input type="file" id="X" name="X" onChange="GetDiretory()"></div><div class="X"><form><input class="X" type="button" value="X"><div class="X" style="background-color:white; width:160px; height:19px; float:right; margin-right:3px; margin-top:2px;"></div><div style="display:inline-block;"><input class="X" type="submit" name="X" value="X"></div></form></div><div class="X" style="display:inline-block; margin-top:10px;"></div>');

不知道是不是你要找的

Answer 3

我认为这是因为您所有的输入标签都由 \ 即关闭，

你写

<input ...... \>

而不是

<input ....... />