Пример:
Удалить все параграфы из DOM структуры.
"HTML"
Hello
how areyou?
<button>Call remove() on paragraphs
"CSS"
p { background:yellow; margin:6px 0; }
"Живой пример 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(){
$("button").click(function () {
$("p").remove();
});
});
</script>
</head>
<body class="iframe">
Hello
how are
you?
<button>Call remove() on paragraphs
</body>
</html>
<style>
p { background:yellow; margin:6px 0; }
</style>
Пример:
Удалить все параграфы содержащие "Hello" из DOM структуры.
"HTML"
<p class="hello">Hello</p> how areyou?
<button>Call remove(":contains('Hello')") on paragraphs
"CSS"
p { background:yellow; margin:6px 0; }
"Живой пример 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(){
$("button").click(function () {
$("p").remove(":contains('Hello')");
});
});
</script>
</head>
<body class="iframe">
<p class="hello">Hello</p>
how are
you?
<button>Call remove(":contains('Hello')") on paragraphs
</body>
</html>
<style>
p { background:yellow; margin:6px 0; }
</style>