Question

Jquery代码：

$(document).ready(function(){

    $("#button").click(function(){
        var toAdd = $("input[.list = checkListItem]").val();    
    });
});

HTML code：

<!DOCTYPE html>
<html>
    <head>
        <title>To Do</title>
        <link rel="stylesheet" type="text/css" href="stylesheet.css"/>
        <script type="text/javascript" src="script.js"></script>
    </head>
    <body>
        <h2>To Do</h2>
        <form name="checkListForm">
            <input type="text" name="checkListItem"/>
        </form>
        <div id="button">Add!</div>
        <br/>
        <div class="list"></div>
    </body>
</html>

CSS代码：

h2 {
    font-family:arial;
}

form {
    display: inline-block;
}

#button{
    display: inline-block;
    height:20px;
    width:70px;
    background-color:#cc0000;
    font-family:arial;
    font-weight:bold;
    color:#ffffff;
    border-radius: 5px;
    text-align:center;
    margin-top:2px;
}

.list {
    font-family:garamond;
    color:#cc0000;
}

此处还有我正在进行的练习的libk：http://www.codecademy.com/courses/web-beginner-en-v6phg/2/2?curriculum_id=50a3fad8c7a770b5fd0007a1

这是我得到的错误“哎呀，再试一次。看起来你的toAdd变量没有正确的值。如果你需要帮助，请查看提示！”

Answer 1

似乎你想要：

var toAdd = $("input[name=checkListItem]").val();

而不是：

var toAdd = $("input[.list = checkListItem]").val();

因为您已将name="checkListItem"分配给input元素。

我的Jquery代码有什么问题？任何一个？

1 个答案: