[Функция] find(expr)
Раздел "Traversing"
Поиск всех элементов, которые соответсвуют заданному выражению. Данный метод полезен для поиска дополнительных потомков элементов, с которых начинается определенный процесс
Параметры
find(expr)
1.0
expr: искомое выражение.
Описание
Для поиска используйте jQuery expression Выражение может быть написано с использованием CSS 1-3 Selector синтаксиса.
Примеры
Пример:
Метод начинает выполняться со всех параграфов и ищет потомок элемента span, данное выражение подобие выражения $("p span").
"HTML"
<p><span>Hello</span>, how are you?</p> <p>Me? I'm <span>good</span>.</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").find("span").css('color','red'); }); </script> </head> <body class="iframe"> <p><span>Hello</span>, how are you?</p> <p>Me? I'm <span>good</span>.</p> </body> </html>
Пример:
Добавить элемент span вокруг каждого слова, затем сделать слова активными и выделить курсивом букву t.
"jQuery"
var newText = $("p").text().split(" ").join("</span> <span>");
newText = "<span>" + newText + "</span>";
$("p").html(newText)
.find("span")
.hover(function () { $(this).addClass("hilite"); },
function () { $(this).removeClass("hilite"); })
.end()
.find(":contains('t')")
.css({"font-style":"italic", "font-weight":"bolder"});
"HTML"
<p>
When the day is short
find that which matters to you
or stop believing
</p>
"CSS"
p { font-size:20px; width:200px; cursor:default;
color:blue; font-weight:bold; margin:0 10px; }
.hilite { background:yellow; }
"Живой пример 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 newText = $("p").text().split(" ").join("</span> <span>"); newText = "<span>" + newText + "</span>"; $("p").html(newText) .find("span") .hover(function () { $(this).addClass("hilite"); }, function () { $(this).removeClass("hilite"); }) .end() .find(":contains('t')") .css({"font-style":"italic", "font-weight":"bolder"}); }); </script> </head> <body class="iframe"> <p> When the day is short find that which matters to you or stop believing </p> </body> </html> <style> p { font-size:20px; width:200px; cursor:default; color:blue; font-weight:bold; margin:0 10px; } .hilite { background:yellow; } </style>
Версия jQuery 1.4.2
Документ создан 2010-08-21