jQuery是網頁開發中常用的一種JS庫，可以簡化對HTML文檔的處理和操作。在jQuery中，遍歷是一種常見的操作。接下來，本文將介紹在jQuery遍歷時如何添加按鈕。
在jQuery中，可以使用.each()方法來遍歷一個jQuery對象中的所有元素，該方法接收一個函數作為參數，該函數需要至少一個形參來表示當前迭代的元素。下面是一個簡單的示例：
上面的示例中，我們使用$('li')選擇器選中了所有的li元素，然后使用.each()方法遍歷每一個元素并輸出其文本內容。在遍歷過程中，每個li元素都會被作為當前迭代的元素傳入到形參中。
現在我們想在每個li元素后面添加一個按鈕，我們可以在遍歷時創建一個button元素，并將其添加到當前迭代的li元素中。代碼如下：
在上面的代碼中，我們首先創建了一個button元素，并將其保存到$btn變量中。然后，我們使用$btn.text()方法為按鈕添加文本內容。最后，使用$(this).append()方法將按鈕添加到當前迭代的li元素中。
以上就是在jQuery遍歷時如何添加按鈕的介紹，希望對您有所幫助。
在jQuery中，可以使用.each()方法來遍歷一個jQuery對象中的所有元素，該方法接收一個函數作為參數，該函數需要至少一個形參來表示當前迭代的元素。下面是一個簡單的示例：
html
<!DOCTYPE html>
<html>
<head>
<title>jQuery遍歷示例</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<ul>
<li>元素1</li>
<li>元素2</li>
<li>元素3</li>
<li>元素4</li>
</ul>
<script>
$('li').each(function(index) {
console.log($(this).text());
});
</script>
</body>
</html>上面的示例中，我們使用$('li')選擇器選中了所有的li元素，然后使用.each()方法遍歷每一個元素并輸出其文本內容。在遍歷過程中，每個li元素都會被作為當前迭代的元素傳入到形參中。
現在我們想在每個li元素后面添加一個按鈕，我們可以在遍歷時創建一個button元素，并將其添加到當前迭代的li元素中。代碼如下：
html
<!DOCTYPE html>
<html>
<head>
<title>jQuery增加按鈕示例</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<ul>
<li>元素1</li>
<li>元素2</li>
<li>元素3</li>
<li>元素4</li>
</ul>
<script>
$('li').each(function(index) {
var $btn = $('<button>');
$btn.text('按鈕' + (index + 1));
$(this).append($btn);
});
</script>
</body>
</html>在上面的代碼中，我們首先創建了一個button元素，并將其保存到$btn變量中。然后，我們使用$btn.text()方法為按鈕添加文本內容。最后，使用$(this).append()方法將按鈕添加到當前迭代的li元素中。
以上就是在jQuery遍歷時如何添加按鈕的介紹，希望對您有所幫助。