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

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/。