jQuery點擊功能和回調數組

Question

我是jQuery的新手，並且有理解功能的問題。

我的HTML代碼的結構如下：

<ul class="result"> 
    <li id="a"></li> 
    <li></li> //will be added through a loop depending on input 
</ul> 

這jQuery代碼：

$(document).ready(function() { //changes are possible when the page has fully loaded 
    $('.inp').keyup(function() { //executes keyup function to the field class "inp" 
     var inp = $(this).attr('value'); //sets a variable with the value of input from class="inp" 
     $.post('ajax/file.php', {inp:inp}, function(data) { //posts that value to file.php as variable inp and executes the function (data) to this 
      $('.result').html(data); //adds the returned result into HTML content as a first element in the set of class="result" => <li> 

      $('.result li').click(function() { //executes click function when clicking li element 
       var result_value = $(this).text(); //sets a variable and prepares something as text 
       $('.inp').attr('value', result_value); //fills value attribute of field class "inp" with the variable result_value 
       $('.result').html(''); //??? 
      }); 
     }); 
    }); 
}); 

現在我的問題是什麼$('.result').html('');呢？

Answer 1

JQuery .html（）屬性設置它映射到的對象的html，它具有與javascript屬性.innerHTML相同的行爲。

因此，在你的場景中$（'。result'）。html（''）;將結果類元素的html設置爲null。

<ul class="result"> 
</ul> 

其次，您使用的是錯誤的做法，在你的 'file.php'，而不是使用此代碼：

echo '<li>'.$row["name_1"].'</li>'; 
echo '<li>'.$row["name_2"].'</li>'; 
echo '<li>'.$row["name_3"].'</li>'; 

Answer 2

$('.result').html('');將.result的html設置爲空字符串。

Answer 3

$('.result').html('');清除的<ul class="result">內容。

http://api.jquery.com/html/