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