Question

以下是我的js中的代码。

    $('.btn btn-default').click(function(){
        var post = $('input:text').val();
        $('<li>').text(post).prependTo('.posts');
        $('input:text').val("");
        $('.count').text('100');
        $('.btn btn-default').addClass('disabled');
    });

以下是我的html中的代码。

    <div class= "blank">
        <input type="text" id="form-control" placeholder="Please Leave Comment Here."/>
    </div>
    <div class = "status">
        <div class= "count">100</div>
        <input class="btn btn-default" type="submit" value="Post">
    </div>       
    <ul class="posts">
    </ul>

Answer 1

您的CSS选择器错误。它应该是.btn.btn-default。如果同一个DOM元素有两个或更多个类，则必须像在您的情况下一样链接类。

如果您选择.btn .btn-default，则选择器会搜索.btn的子DOM元素。所以例如你会得到以下例子中的内部div：

<div class="btn">
    <div class="btn-default"></div
</div

$('.btn.btn-default').click(function(){
    var post = $('input:text').val();
    $('<li>').text(post).prependTo('.posts');
    $('input:text').val("");
    $('.count').text('100');
    $('.btn.btn-default').addClass('disabled');
});

我还为您的解决方案创造了一个小提琴：https://jsfiddle.net/d6jvsjxb/。

js代码...不知道为什么我无法从输入中获取值

1 个答案: