Последний найденый элемент

Материал из JQuery

Перейти к: навигация, поиск
someSelector:last

Cоответствует последнему элементу, из всех выбранных с помощью селектора someSelector.

Примеры использования:

$("div:last") вернет последний div-элемент на странице.
$(".lBox:last") вернет последний элемент с классом lBox.
$("div[title]:last") вернет последний div-элемент содержащий атрибут title.

В действии

Найдем последнего парня на деревне (последний элемент с классом man, находящийся внутри элемента village):

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <style>
body{text-align:center}
    .village{
      display: block;
      float: left;
      padding: 15px;
      margin: 5px;
      background-color: #eeffee;
      color:#888;
    }
    span{
      display: block;
      width: 70px;
      height: 70px;
      float: left;
      padding: 7px;
      margin: 8px;
      background-color: #EEEEEE;
      font-size: 14pt;
      color:black;
    }
  </style>
</head>
<body>
  <div class="village">
    <b>Деревня</b><br>
    <span class="man">Ибрагим</span>
    <span class="man">Николай</span>
    <span class="dog">Рекс</span>
  </div>
  <span class="man">Василий</span>
  <span class="dog">Жучка</span>
<script>
    $(".village .man:last").css("border", "3px solid red");
</script>
</body>
</html>

Результат:
Image:Pict20.png

Ссылки

Поисковые ключи:
  • последний из выбранных элементов