Пример:
Выбрать все параграфы, и элементы span внутри параграфов, и возвратить выбор обратно к первоначально выбранным параграфам.
"jQuery"
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");
"HTML"
Привет здесь есть span<span>как</span> ты <span>поживаешь</span>?
Этот <span>span</span>один из несокльких <span>span</span> в этом <span>предложении</span>.
<div> Тэги в jQuery объекте изначально: <b></b> </div> <div> Тэги в jQuery объекте перед найденным: <b></b> </div> <div> Тэги в jQuery объекте после найденного: <b></b> </div>
"CSS"
p, div { margin:1px; padding:1px; font-weight:bold;
font-size:16px; }
div { color:blue; }
b { color:red; }
"Живой пример jQuery"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="http://slyweb.ru/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">
Привет здесь есть span<span>как</span> ты <span>поживаешь</span>?
Этот <span>span</span>один из несокльких <span>span</span> в этом
<span>предложении</span>.
<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>
Пример:
Выбрать все параграфы, и span элементы внутри параграфов, и возвратить выбор обратно к первоначально выбранным параграфам.
"HTML"
<span>Hello</span>, how are you?
"CSS"
p { margin:10px; padding: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://slyweb.ru/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">
<span>Hello</span>, how are you?
</body>
</html>
<style>
p { margin:10px; padding:10px; }
</style>