0

テキストボックスとボタンがあります。ボタンをクリックすると、テキストボックスの内容が jQueryの<body>usingメソッドに追加されます。append()また、追加しているときに、追加するラベルに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>

append()-ingとスタイリングの要素はどうですか？私は何が欠けていますか？

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 に答える