jQuery可以輕松地添加圖片到列表項中的li標(biāo)簽。下面是一個簡單的示例:
<ul id="myList"> <li>列表項1</li> <li>列表項2</li> <li>列表項3</li> <li>列表項4</li> <li>列表項5</li> </ul>
現(xiàn)在,我們將通過jQuery在列表項1和列表項3之間添加一張圖片。代碼如下:
$(document).ready(function(){ $("#myList li:eq(0)").after("<li><img src='image.jpg'></li>"); $("#myList li:eq(2)").after("<li><img src='image.jpg'></li>"); });
如上所述,我們選擇了列表項1和列表項3,并在它們之間插入了一個包含img標(biāo)簽的新列表項。同樣的代碼也可以用來在其他位置添加圖片。
在這個例子中,我們使用了jQuery中的選擇器::eq()。這個選擇器允許我們選擇列表項中的特定位置。因為列表項以0開始的索引,所以$(“#myList li:eq(0)”)選擇第一個列表項,$(“#myList li:eq(2)”)選擇第三個列表項。
使用這種方法添加圖片不僅適用于靜態(tài)頁面,還可以通過Ajax加載內(nèi)容的動態(tài)頁面。這提供了很大的靈活性和擴(kuò)展性。