[Résolu] Changer le texte dans une balise <button>

Bonjour à tous
J'ai une page avec plusieurs tableaux et pour faciliter leurs gestions, j'ai créé 2 boutons servant à réduire et ouvrir tous les tableaux.
Tous marche plutôt bien sauf que je n'arrive pas à changer le texte qu'il y dans les balises <button>texte</button>.
Quand on clique sur "Réduire tout", tous les boutons devraient être initialisés avec le caractère "+" tandis que si on clique sur "Ouvrir tout", ils devraient être initialisée avec le caractère "-".
Voici mon code:

<button id="rt">Réduire tout</button>
<button id="ot">Ouvrir tout</button>

<div class="container">
     <button>-</button>
     <table></table>
</div>
...
<div class="container">
     <button>-</button>
     <table></table>
</div>

$('#rt').click(function(){
	$('.container').each(function(){
		$(this).addClass('noprint');
		$(this).children('table').css('display', 'none');
		$(this).children('button').html('+');
	});
});
	
$('#ot').click(function(){
	$('.container').each(function(){
		$(this).removeClass('noprint');
		$(this).children('table').css('display', 'table');
		$(this).children('button').html('-');
	});
});

Modifié par zombibiot (26 Oct 2017 - 11:55)

:)

j'ai posé ton code html dans un fiddle avec le js j'ai activé le jquery et tout est nickel

Donc ton problème est ailleurs.

C'est BON pchlj !
Effectivement, le code marche niquel
Quand j'ai copié mon code pour le montre en ligne, je l'ai simplifié et je n'ai pas vu que mes balises <button> étaient dans des balises <h2> du coup, il fallait rajouter une fonction children() !

-> $(this).children('h2').children('button').html('+'); <-

Merci de ton aide