1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Author" content="Daniel Hagnoul" />
<title>Page type</title>
<link rel="stylesheet" type="text/css" href="../styles/principal.css" media="screen" />
<style type="text/css">
div#affiche {
margin:12px;
border:1px solid #999999;
}
div#content1 {
margin:12px;
border:1px solid #33CC99;
}
div#content2 {
margin:12px;
border:1px solid #0000CC;
}
</style>
<script type="text/javascript" src="http://www.pgsm.fr/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("*", document.body).not("div, ol, ul, table, tr, td, a, br, span, strong").each(function(i, item){
/* , table, tr, td, a, br, span, strong */
$("#affiche").append("item["+ i + "] = " + item + " = " + $(item).html() + "<br/>");
$(item).html($(item).html().replace(/1e/, "1<sup>e</sup>"));
$(item).html($(item).html().replace(/1ère/, "1<sup>ère</sup>"));
$(item).html($(item).html().replace(/2e/, "2<sup>e</sup>"));
$(item).html($(item).html().replace(/2ème/, "2<sup>ème</sup>"));
$(item).html($(item).html().replace(/3e/, "3<sup>e</sup>"));
$(item).html($(item).html().replace(/3ème/, "3<sup>ème</sup>"));
$(item).html($(item).html().replace(/4e/, "4<sup>e</sup>"));
$(item).html($(item).html().replace(/4ème/, "4<sup>ème</sup>"));
$(item).html($(item).html().replace(/5e/, "5<sup>e</sup>"));
$(item).html($(item).html().replace(/5ème/, "5<sup>ème</sup>"));
$(item).html($(item).html().replace(/6e/, "6<sup>e</sup>"));
$(item).html($(item).html().replace(/6ème/, "6<sup>ème</sup>"));
});
});
</script>
</head>
<body>
<div id="conteneur">
<p>La 1e solution !</p>
<p>La 6e solution !</p>
<p>La 1e solution !</p>
<p>La 6e solution !</p>
<div id="content1">
<ul>
<li>La 1ère solution !</li>
<li>La 6ème solution !</li>
<li>La 3ème solution !</li>
<li>La 4ème solution !
<ul>
<li>La <a href="#">1e</a> solution !</li>
<li>La 2e solution !
<table border="0" cellpadding="10" cellspacing="0">
<tr>
<td align="center" bgcolor="#CCCCCC">1e solution</td>
<td align="center" bgcolor="#CCCCCC">2e solution</td>
</tr>
<tr>
<td valign="top" bgcolor="#EFEFEF"><a href="#">1e solution</a></td>
<td valign="top" bgcolor="#EFEFEF"><a href="#">2e solution</a></td>
</tr>
</table>
</li>
<li>La <a href="#">1e</a> solution !</li>
<li>La 2e solution ! </li>
</ul>
</li>
</ul>
<div id="content2">
<p>La 1ère solution !</p>
<p>La 6ème solution !</p>
<ul>
<p>La 2e solution !</p>
<p>La 5e solution !</p>
</ul>
<p>La 1ère solution !</p>
<p>La 6ème solution !</p>
</div>
</div>
<div id="affiche"></div>
</div>
</body>
</html> |
fonction récursive pour remplacer du texte
Répondre avec citation
, il faut croire qu'il était sur pause 
, ce n'est évidemment pas la bonne solution.
Partager