[Функция] prev(expr)
Раздел "Traversing"
Функция предоставляет доступ к набору элементов, содержащих уникальных предшествующих элементов, обзначаемых как 'дети одних родителей', для каждого выбранного набора элементов.
Параметры
prev(expr)
1.0
expr: выражение фильтрующее предшествующие элементы.
Описание
Используйте необязательное выражение, фильтрующее выбранный набор. Только немедленно следуемый элемент, обозначаемый как "дети одних родителей" возвращается,а не все предшествующие элементы.
Примеры
Пример:
Найти немедленно предшествующий элемент, соответсвующий понятию "брат и сестра", для каждого элемента div.
"jQuery"
var $curr = $("#start");
$curr.css("background", "#f99");
$("button").click(function () {
$curr = $curr.prev();
$("div").css("background", "");
$curr.css("background", "#f99");
});
"HTML"
<div></div> <div></div> <div><span>здесь есть дочерний элемент</span></div> <div></div> <div></div> <div></div> <div id="start"></div> <div></div> <p><button>К предыдущему родительскому элементу</button></p>
"CSS"
div { width:40px; height:40px; margin:10px;
float:left; border:2px blue solid;
padding:2px; }
span { font-size:14px; }
p { clear:left; margin:10px; }
"Живой пример jQuery"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link href="http://test-drupal.ru/themes/slyweb/css/jqueryiframe.css" rel="stylesheet" type="text/css"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <script> $(document).ready(function(){ var $curr = $("#start"); $curr.css("background", "#f99"); $("button").click(function () { $curr = $curr.prev(); $("div").css("background", ""); $curr.css("background", "#f99"); }); }); </script> </head> <body class="iframe"> <div></div> <div></div> <div><span>здесь есть дочерний элемент</span></div> <div></div> <div></div> <div></div> <div id="start"></div> <div></div> <p><button>К предыдущему родительскому элементу</button></p> </body> </html> <style> div { width:40px; height:40px; margin:10px; float:left; border:2px blue solid; padding:2px; } span { font-size:14px; } p { clear:left; margin:10px; } </style>
Пример:
Найти немедленно предшествующий элемент с классом "selected", соотносящийся с другими элементами как "брат и сестра", для каждого параграфа.
"HTML"
<div><span>Hello</span></div> <p class="selected">Hello Again</p> <p>And Again</p>
"Живой пример jQuery"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link href="http://test-drupal.ru/themes/slyweb/css/jqueryiframe.css" rel="stylesheet" type="text/css"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <script> $(document).ready(function(){ $("p").prev(".selected").css("background", "yellow"); }); </script> </head> <body class="iframe"> <div><span>Hello</span></div> <p class="selected">Hello Again</p> <p>And Again</p> </body> </html>
Версия jQuery 1.4.2
Документ создан 2010-08-21