使用colspan = 2将类添加到td

时间:2013-06-10 11:48:25

标签: html addclass html-table

我想为每个有colspan=2

的td添加一个Class
<div class="content">
    <table>
        <tr>
            <td>zuppa di zucchini</td>
            <td>€ 6,00</td>
        </tr>
        <tr>
            <td colspan="2">huisgemaakte soep van courgette met munt</td>
        </tr>
        <tr>
            <td>insalata caprese</td>
            <td>€ 6,00</td>
        </tr>
        <tr>
            <td colspan="2">frisse salade met tomaatjes,
                            mozzarella en verse pesto</td>
        </tr>
    </table>
</div>

我认为这样的事情会起作用,但它不起作用:

$('.content td[colspan=2]').addClass('dus');

有人可以帮帮我吗?提前谢谢!

4 个答案:

答案 0 :(得分:4)

您的代码

 $('.content td[colspan=2]').addClass('dus');

它工作正常 只需在项目中包含jquery,与mootools等其他工具没有任何冲突

答案 1 :(得分:2)

请检查fiddle。这样做效果很好.. 我想你不包括Jquery。如果一切都很完美,它必须工作。使用firebug进行调试。我刚刚添加了这段代码。

 $('.content td[colspan=2]').addClass('dus');

答案 2 :(得分:1)

您只需使用属性名称而无需指定值。

$(“。content td [colspan]”)。addClass(“dus”);

答案 3 :(得分:1)

请确认您正在链接jquery库。还将内容类放在table标签中。

<table class="content">
 <td colspan="2"></td>
</table>

我将此代码放在文档的末尾,它的工作非常完美。

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script>
 <script type="text/javascript">
      $('.content td[colspan=2]').addClass('dus');
  </script>