Comment remplacer la propriété css?

J'ai essayé d'utiliser jquery, mais ne pouvait pas remplacer la propriété width de l' .gridHeader classe.

Je voudrais corriger (disons 100px) la largeur de la première colonne dans la table.

<html>
    <head>
        <style>
            html, body {
                font-family:Tahoma;
                font-size:11px;
            }
            .grid {
                border-left:1px solid #CCCCCC;
                border-top:1px solid #CCCCCC;
            }
            .gridHeader {
                background-color:#EFEFEF;
                border-bottom:1px solid #CCCCCC;
                font-weight:bold;
                height:20px;
                padding-left:3px;
                text-align:left;
                width:100%; /* problematic, that I cannot change*/
            }
            table.grid > tbody > tr > td {
                border-bottom:1px solid #CCCCCC;
                border-right:1px solid #CCCCCC;
                padding:3px;
            }
        </style>
        <script src="http://code.jquery.com/jquery-latest.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $(".gridHeader").css("width","");
            });
        </script>
    </head>
<body>
    <table width="100%">
        <tr>
            <td class="gridHeader" style="width:100px">Vikas
            </td>
            <td class="gridHeader">Vikas Patel Vikas Patel Vikas Patel
            </td>
            <td class="gridHeader">Vikas Patel Vikas Patel
            </td>
        </tr>
        <tr>
            <td>Vikas
            </td>
            <td>Vikas Patel Vikas Patel Vikas Patel
            </td>
            <td>Vikas Patel Vikas Patel
            </td>
        </tr>
    </table>
</body>
</html>

OriginalL'auteur Vikas | 2010-10-14

12

Vous devez supprimer le style en ligne avec removeAttr et ensuite utiliser le css() méthode comme ceci:
```
$(".gridHeader").removeAttr('style').css("width","100px");
```
Si vous souhaitez appliquer la largeur de la première colonne, vous pouvez utiliser le :premier sélecteur de filtre comme ceci:
```
$(".gridHeader:first").removeAttr('style').css("width","100px");
```
Votre réponse est correcte, mais l'effet n'est pas exactement ce que je veux, regarder la largeur réelle si j'ai mis 500px pour la première colonne.
Vous pouvez définir quelle que soit la largeur à l'aide width méthode comme indiqué.
J'ai fini, en substituant la largeur de toutes les colonnes. merci..

OriginalL'auteur Sarfraz
2

Je suppose que ton problème n'est pas la première colonne, mais les autres, pendant qu'ils ont encore à 100% est appliqué.
```
$(".gridHeader").css("width","");
```
...ne fonctionne pas, parce que vous n'avez pas défini une valeur juridique.

Essayez ceci:
```
$(".gridHeader").not(':first-child').css("width","auto");
```
Vieux post, mais vous avez sauvé ma peau.

OriginalL'auteur Dr.Molle
0

Fonctionne très bien pour moi? Ce que je ne comprends pas votre "problème".

Vérifier: http://www.jsfiddle.net/YjC6y/21/

C'est parce que j'ai mis "" en tant que nouvelle largeur, si je l'ai mis "100px" puis il travaille, intéressant? pourquoi?

OriginalL'auteur jAndy
0

Si vous vouliez remplacer le CSS inline, vous pouvez avoir de la chance de le faire comme ceci:
```
style="width:100px !important;"
```
Avez-vous essayé dans mon code? Dans firebug, il semble que nous remplacer, mais l'effet n'est pas exactement ce que je veux, regarder la largeur réelle si j'ai mis 500px.

OriginalL'auteur Shawn

Vous devez vous connecter pour publier un commentaire.