Если не было разрушительных операций, функция возвращает пустое множество. 'Разрушительная' операция это любая операция, которая изменяет набор соответствующих jQuery элементов, с использованием любой Traversing функции, которая возвращает jQuery объект, - например:
add, andSelf, children, filter, find, map, next, nextAll, not, parent, parents, prev, prevAll, siblings, slice, clone
Пример:
jQuery.fn.showTags = function (n) {
var tags = this.map(function () {
return this.tagName;
})
.get().join(", ");
$("b:eq(" + n + ")").text(tags);
return this;
};
$("p").showTags(0)
.find("span")
.showTags(1)
.css("background", "yellow")
.end()
.showTags(2)
.css("font-style", "italic");
<p>
Привет здесь есть span<span>как</span> ты <span>поживаешь</span>?
</p>
<p>
Этот <span>span</span>один из несокльких <span>span</span> в этом
<span>предложении</span>.
</p>
<div>
Тэги в jQuery объекте изначально: <b></b>
</div>
<div>
Тэги в jQuery объекте перед найденным: <b></b>
</div>
<div>
Тэги в jQuery объекте после найденного: <b></b>
</div>
p, div { margin:1px; padding:1px; font-weight:bold;
font-size:16px; }
div { color:blue; }
b { color:red; }
<!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(){ jQuery.fn.showTags = function (n) { var tags = this.map(function () { return this.tagName; }) .get().join(", "); $("b:eq(" + n + ")").text(tags); return this; }; $("p").showTags(0) .find("span") .showTags(1) .css("background", "yellow") .end() .showTags(2) .css("font-style", "italic"); }); </script> </head> <body class="iframe"> <p> Привет здесь есть span<span>как</span> ты <span>поживаешь</span>? </p> <p> Этот <span>span</span>один из несокльких <span>span</span> в этом <span>предложении</span>. </p> <div> Тэги в jQuery объекте изначально: <b></b> </div> <div> Тэги в jQuery объекте перед найденным: <b></b> </div> <div> Тэги в jQuery объекте после найденного: <b></b> </div> </body> </html> <style> p, div { margin:1px; padding:1px; font-weight:bold; font-size:16px; } div { color:blue; } b { color:red; } </style>
Пример:
<p><span>Hello</span>, how are you?</p>
p { margin:10px; padding:10px; }
<!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").end().css("border", "2px red solid"); }); </script> </head> <body class="iframe"> <p><span>Hello</span>, how are you?</p> </body> </html> <style> p { margin:10px; padding:10px; } </style>