jquery - 需要在页面的每个ul末尾添加

Question

我需要能够添加<li> </li>到我页面上某个 div 内的每个 UL。这是我的代码:

<div class="sfmg-thumbs-wrapper" style="width: 67px;">
<ul>
<li class="active"><a href="#"><img width="20" height="20" alt="Photo Title Here 1" src="images/temp/portfolioImage1.jpg"></a></li> 
<li class=""><a href="#"><img width="20" height="20" alt="Photo Title Here 2" src="images/temp/portfolioImage2.jpg"></a></li>
<li class=""><a href="#"><img width="20" height="20" alt="Photo Title Here 3" src="images/temp/portfolioImage3.jpg"></a></li>
<li class=""><a href="#"><img width="20" height="20" alt="Photo Title Here 4" src="images/temp/portfolioImage4.jpg"></a></li>
</ul>
</div>

<div class="sfmg-thumbs-wrapper" style="width: 67px;">
<ul>
<li class="active"><a href="#"><img width="20" height="20" alt="Photo Title Here 1" src="images/temp/portfolioImage1.jpg"></a></li> 
<li class=""><a href="#"><img width="20" height="20" alt="Photo Title Here 2" src="images/temp/portfolioImage2.jpg"></a></li>
<li class=""><a href="#"><img width="20" height="20" alt="Photo Title Here 3" src="images/temp/portfolioImage3.jpg"></a></li>
<li class=""><a href="#"><img width="20" height="20" alt="Photo Title Here 4" src="images/temp/portfolioImage4.jpg"></a></li>
</ul>
</div>

我需要在每个 div 的末尾插入一个 LI 标签。这是我使用的 jquery:

$('.sfmg-thumbs-wrapper').each(function() {
$('.sfmg-thumbs-wrapper').find('.sfmg-thumbs-wrapper li:last').appendTo('<li class="info"/>');
});

这不起作用。预先感谢您的帮助!

Answer 1

尝试$('.sfmg-thumbs-wrapper ul').append('<li class="info"/>');