jQuery是一個JavaScript庫,它提供了一個非常方便和易于使用的方法,可以讓我們快速地操作HTML元素及其屬性。
在這篇文章中,我將向你展示如何使用jQuery來在li標簽中添加圖片。
<!DOCTYPE html>
<html>
<head>
<title>使用jQuery在li中添加圖片</title>
</head>
<body>
<ul id="myList">
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
</ul>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
var image = "<img src='https://picsum.photos/200/300' alt='圖片' />";
$("#myList li").append(image);
});
</script>
</body>
</html>
代碼解釋:
1. 我們首先創建一個無序列表(id為"myList")和3個列表項(每個列表項都有一個文本值)。
2. 然后,我們通過添加一個