javascript - jQuery:有没有办法让这个更短、更优雅？

Question

我有一个如下所示的代码:

<div id="wrapper">
        <img id="first"  class="images" src="img/nike.jpg" />
        <img  id ="second" class = "images" src="img/golden.jpg" />
        <img id = "third" class ="images" src ="img/a.jpg" />
        <img id = "fourth" class="images" src="img/God__s_Canvas_by_Delacorr.jpg" />
    </div>

我想用<a name = n>包装每个img动态地。所以我的解决方案是这样做:

$(".images").wrap('<a></a>')
$("#wrapper a").each(function(n) {
            $(this).attr('name', n);
        })

是否可以将 2 个语句链接成 1 个语句？我知道 jQuery 特别擅长优雅的链接，所以我认为这绝对是可能的。我只是还不知道该怎么做。

Answer 1

这并不完全相同，因为它没有将 .images 包装在 #wrapper 之外，但它很接近。它在循环中创建 并立即应用该属性。

$('#wrapper img').each(function(n) { 
    $(this).wrap($('<a></a>').attr('name', n));
}