从多个父元素中收集不同的attr值

Question

我目前正在讨论jQuery并且遇到了一个我认为可能与Javascript数组有关的问题，但我不知道是不是这样。

我试图通过使用Jquery append方法创建img元素，现在这个工作正常，但问题出在我试图设置img元素的src时。

例如，以下代码将多个img源设置为相同的值：

HTML

<a class="imageLink" title="Tiger">Tiger</a>

<a class="imageLink" title="Leopard">Leopard</a>

<a class="imageLink" title="Lion">Lion</a>

的Javascript

$(".imageLink").append('<img src="http://domain.org/'+$(".imageLink").attr("title")+'.jpg" />');

上面的代码一旦运行就会创建：

HTML

<a class="imageLink" title="Tiger">Tiger<img src="http://domain.org/Tiger.jpg" /></a>

<a class="imageLink" title="Leopard">Leopard<img src="http://domain.org/Tiger.jpg" /></a>

<a class="imageLink" title="Lion">Lion<img src="http://domain.org/Tiger.jpg" /></a>

如何确保不同的附加img元素都具有不同的src值？

Answer 1

试试这个：

$(".imageLink").each(function(){
    $(this).append('<img src="http://domain.org/'+$(this).attr("title")+'.jpg" />');
});