在前端開發中，經常需要使用jQuery動態操作HTML元素。其中，操作li元素的需求也十分常見。下面，我們來介紹jQuery如何取得li元素的值。

假設我們的HTML代碼如下：

<ul>
<li>蘋果</li>
<li>香蕉</li>
<li>橘子</li>
</ul>

為了取得li元素的值，我們可以使用以下代碼：

$("li").click(function(){
var valueOfLi = $(this).html();
console.log(valueOfLi);
});

解釋一下代碼：

首先，我們使用$("li")選取所有的li元素。然后，我們為每一個li元素綁定click事件。當點擊li元素時，代碼$(this).html()會取得該li元素的值，并存儲在變量valueOfLi中。最后，我們通過console.log()輸出該變量。

需要注意的是，上述代碼中的$(this)關鍵字是指代點擊的li元素。因此，不必擔心多個li元素的值會混淆。每一次點擊li元素時，都會執行一次該函數，取得當前被點擊的li元素的值。

上述代碼展示了如何取得單個li元素的值。如果我們需要取得多個li元素的值，可以使用循環或map函數遍歷所有的li元素，將每個li元素的值都存儲在一個數組中。代碼示例如下：

var liValues = [];
$("li").each(function(){
liValues.push($(this).html());
});
console.log(liValues);

解釋一下代碼：

首先，我們聲明了一個空數組liValues，用于存儲所有li元素的值。然后，我們使用$("li")選取所有的li元素。然后，我們使用each()函數遍歷每一個li元素。在每一次遍歷時，都將當前li元素的值存儲在數組中。最后，我們通過console.log()輸出整個數組liValues，即所有li元素的值。

總結：

使用jQuery取得li元素的值非常簡單，我們只需要使用合適的選擇器，綁定對應的事件，即可取得單個或多個li元素的值。掌握這個技術，對于前端開發有很大的幫助。