0

我有一个文本框和一个按钮。当我单击按钮时，文本框内容将附加到 jQuery 中的<body>usingappend()方法。此外，在附加时，我正在尝试为我要附加的标签设置一个style（即）。border-style以下代码不符合我的预期：

<style>
.myStyle{
    border-style:solid;
}
</style>

<script>
$(document).ready(function()
    $("#btn2").click(function(){
        var text=document.getElementById('txt1').value
        $("body").append("<br><label class="myStyle">"+text+"</label>");
    });
});
</script>
<input id="txt1" type="text">
<button id="btn2">Append list items</button>

在零件中添加<div>标签append也无济于事。以下是，但第一个标签框没有得到边距：

<script>
$(document).ready(function()
    $("#btn2").click(function(){
        var text=document.getElementById('txt1').value
        $("label").css("border-style","solid");
        $("body").append("<br><label>"+text+"</label>");
    });
});
</script>
<input id="txt1" type="text">
<button id="btn2">Append list items</button>

-ingappend()和样式元素有什么关系？我错过了什么？

4

1 回答 1

3 
$("body").append("<br><label class="myStyle">"+text+"</label>");
//---------------^-----------------^
// These are the same type of quotes

$("body").append('<br><label class="myStyle">'+text+'</label>');
//---------------^---------------------------^------^--------^
// Swap these four out with single quotes

您应该已经注意到，在语法高亮显示中，myStyle 变为黑色，显示字符串中断。
如果您当前的编辑器没有向您显示此类错误，我还推荐一个更好的编辑器。就个人而言，我使用 WebStorm/PHPStorm。

此外，如果您要使用 jQuery，请使用 jQuery。

var text = $('#txt1').val();
于 2013-03-16T09:18:31.267 回答