在網頁開發過程中，常常需要使用jQuery庫來完成一些頁面交互和異步請求的功能。其中，ajax就是jQuery中的一種功能強大的異步請求方式。在使用ajax發送請求時，有時需要獲取動態生成的列表（例如通過后臺返回的數據），并且需要根據其中元素的高度來調整列表容器的高度，以保證列表的完整展示。這時就需要使用jQuery來獲取ul高度，進而設置容器高度的功能。 下面我們來看一下如何使用jQuery獲取ul高度： 首先，我們需要寫一個簡單的html頁面，其中包含一個ul列表和一個按鈕，用于觸發ajax請求，并生成動態的li元素。html代碼如下：

獲取列表高度

接下來，我們需要在js文件中編寫ajax請求和獲取ul高度的代碼。ajax請求和生成li元素代碼略過，這里直接講述如何獲取ul高度。獲取ul高度的代碼如下：

$("#btn").click(function(){
var listHeight = $("#list").height();
console.log("列表高度：" + listHeight);
});

其中，我們使用了jQuery中的height()方法來獲取ul的高度，并將其存儲在變量listHeight中。通過console.log()方法打印出列表高度，以便調試和查看。 最后，我們需要注意一點：由于ajax請求是異步的，如果我們在ajax請求后立即獲取ul高度，那么可能會得到錯誤的結果，因為此時動態生成的li元素還沒有完全加載完成。因此，我們需要在ajax請求結束后再獲取ul高度。這可以通過在ajax請求中添加success函數來實現，例如：

$.ajax({
url: "data.php",
type: "get",
success: function(data){
// 清空列表
$("#list").empty();
// 生成li元素
for(var i = 0; i< data.length; i++){
var li = "
" + data[i] + "
";
$("#list").append(li);
}
// 獲取列表高度
var listHeight = $("#list").height();
console.log("列表高度：" + listHeight);
}
});

在上述代碼中，我們先清空ul列表，然后根據返回的數據data動態生成li元素，并將其添加到ul中。最后，我們在success函數的結尾處獲取ul高度，以保證動態生成的li元素全部加載完成后才獲取高度。 通過上述實例，我們可以看出使用jQuery來獲取ul高度的方法非常簡單。通過合理的代碼編寫和實踐，我們可以更好地掌握jQuery中的各種功能，從而完成豐富多彩的網頁開發工作。