как я получить последний элемент $ .each

Question

у меня есть этот

 $.each(data, function (url) { 
     $("ul").append($("<li class='horizontal'></li>").html(this.title)); 
    }); 

Я хочу, чтобы добавить класс последнего к последнему ... как бы я это сделать

Answer 1

$.each(data, function(i,v){ 
    $('<li />').html(v.title).appendTo('ul'); 
}); 
$('ul li:last').addClass('horizontal'); 

jsFiddle

Answer 2

Если данные массив, вы могли бы сделать

data.length 

, и это даст вам количество. Затем можно было бы нести счетчик внутри .each и проверить, попали ли вы к последнему элементу.

Что-то вроде этого ... но в jquery должен быть последний селектор.

Answer 3

Вы имеете в виду UL или LI? Просто сделайте (после цикла):

$("#theUl li:last").addClass("horizontal"); // or $("ul:last"), whichever you mean 

Вы можете сделать это в цикле, но я бы не советовал, так как она требует проверки на каждой итерации.

Для лучшей эффективности работы, вы можете уменьшить количество операций записи в DOM путем создания ЛИС автономный и добавление их в один присест:

var lis = ''; 
$.each(data, function (url) { 
    lis += "<li>" + this.title + "</li>"; 
}); 
$("ul").append(lis); 
$("ul li:last").addClass("horizontal"); 

Answer 4

$.each(data, function (url) { 
    $("ul").append($("<li class='horizontal'></li>").html(this.title)); 
}); 

$("ul li:last").addClass("last");