Discussion :

[Naruto_kun]

Bonjour à tous,

j'aimerais supprimer une colonne d'un tableau en fonction de la classe utilisé dans le TD.
Voici un exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<table>
  <tr> 
    <td class="suppr">.....</td>
    <td class="a garder">.....</td>
    <td class="suppr">.....</td>
    <td class="a garder">.....</td>
    <td class="suppr">.....</td>
  </tr>
</table>

Il faudrait que je puisse supprimer en javascript tous les TD contenant la class="suppr".
Est ce possible? Si oui pourriez vous m'aiguillez?

Merci

[andry.aime]

Bonjour,

En récupérant tous les td qui ont la classe "suppr" puis les parcourir pour supprimer en faisant un truc du genre element.parentNode.removeChild(element).



Sinon, si tu utilises jQuery

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('.suppr').remove();

A+.

[Naruto_kun]

Tout d'abord, je te remercie pour ta réponse.

J'avais déjà lu dans des forums pour l'utilisation element.parentNode.removeChild(element).
Mais par contre la chose que je n'arrive pas à faire c'est de parcourir mon tableau et de récupérer les élements TD qui ont la classe suppr.

pourrais tu m'aider?

[andry.aime]

En utilisant le script du lien plus haut

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
var suppr = document.getElementsByReg("suppr","class");
for (i=0; i < suppr.length; i++)
{
    element = suppr[i];
    element.parentNode.removeChild(element);
}

A titre d'info, il existe une fonction document.getElementsByClassName mais ce n'est pas crossbrowser (pas supporter par IE 5.5 IE 6 IE 7 IE8).

A+.

[SpaceFrog]

getElementsByTagName('td') puis tu boucles dessus pour tester le .className ...

[Bovino]

• getElementsByClassName()
• querySelectorAll()

[SpaceFrog]

Beef => navigateurs récents ...

[Naruto_kun]

getElementsByTagName('td') puis tu boucles dessus pour tester le .className ...

Comment je boucle là dessus ? Je n'ai pas vraiment de notion en JavaScript.
Pour récupérer l'élément className, je dois utiliser un getattribut, c'est bien ça ?

[SpaceFrog]

Oula fillot ...
T'emballes pas jquery n'est a mon avis pas encore à sa portée..
Et les regexp non plus ...

Mieux vaut aborder la question avec du bon vieux js de base

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
tabTds=document.getElementsByTagName('td')
nbr=tabTds.length
 
for(i=0;i<nbr;i++){
if(tabTds[i].className=="suppr"){
  tabTds[i].style.display="none"
}

[Naruto_kun]

Je vous explique plus en détail. Je fais de la reprise de code et certaines choses ne marchent pas.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var contenu = p.Main.document.getElementById("blabla").outerHTML;

On récupère tous les éléments de la zone blabla et avec l'aide d'expression régulière on aimerait supprimer des infos de la variable contenu.
Comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

contenu.replace(/<TD[^>(?!class)]*[^>]class="?suppr[^>]*>([\s\S](?!<\/TD))*[\s\S]<\/TD>\s*(<T[DR][^<]*<\/TD>)*/igm, "");

Je ne comprends pas trop les expressions régulières mais je vois que l'on essai d'enlever toutes les balises TD qui ont la classe suppr.

Ceci ne fonctionne pas très bien.

Auriez-vous une idée ?