Bonjour à tous,

J'ai un petit problème de conception en javascript.

Mon code :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<body>
 
	<div id="div_1">
		<table>
			<tr class="center">
				<td>...</td>
			</tr>
		</table>
	</div>
 
	<div id="div_2">
		<table>
			<tr class="center">
				<td>...</td>
			</tr>
		</table>
	</div>
 
</body>
Je souhaite supprimer par le biais d'une fonction javascript l'élement
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<tr class="center">...</tr>
de conteneur
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<div id="div_1">...</div>
Ma première fonction :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
<script>
	$(document).ready(function(){ 
 
		$('tr').remove('.center');
 
	});
</script>
me supprime tous les
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<tr class="center">...</tr>
de ma page.

Que dois-je rajouter pour ne supprimer que l'élement <tr> de ma première <div>?

J'ai essayé :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
<script>
	$(document).ready(function(){ 
 
		$('tr').remove('.center').parent('#div_1');
 
	});
</script>
mais cela ne fonctionne pas.

Merci par avance de votre aide.