0

私はいくつかの既存のコードをいじっていて、少しモダンにするためにいくつかの jQuery を追加したいと考えています。これが私のコードです：

<form stuff>
<div class="inputContainer">
        <input placeholder="Name" type="text" name="FullName" id="FullName" class="cat_textbox" maxlength="255" />
    </div>
<!--Other stuff and submit-->
</form>

<script>
$(document).ready(function(e) {
    $('#FullName').keyup(function(e) {
        var fullName = $(this).val();
        if(fullName.length > 5){
            alert("greater than 5");
        }
        else{
            var $toAppend = $(' div ')
                .addClass(' result ')
                .html('Length is not greater than 5');
            $toAppend.after(this);


        }
    });

});

</script>

追加しようとすると、ページが更新されます。inspect 要素を見ると、そこには何もありません! それを理解することはできません。どうすればこれを修正できますか?

4

1 に答える 1

1

私はあなたが欲しいと思います：

var $toAppend = $('<div>')

いいえ

var $toAppend = $(' div ')

最初のものは新しいものを作り<div>ます; <div>2 つ目は、ページ上の既存のすべての を選択し、それafter(this)を移動/コピー (?) します。

于 2013-08-30T00:54:11.070 に答える