如何使用.each方法@ table td其中td有类并且还将文本放入其中

时间:2012-04-19 12:29:51

标签: jquery jquery-ui jquery-selectors

我想合并所有td,其中classname ='blahblah'

这是我的Html代码:

<table><tbody><tr>
            <th>Single Room</th>
            <th>101</th>
            <td class="blahblah"></td>
            <td class="blahblah"></td>
            <td class="blahblah"></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
        <th>Single Room</th>
            <th>102</th>
            <td class="blahblah"></td>
            <td class="blahblah"></td>
            <td class="blahblah"></td>
            <td></td>
            <td></td>
        </tr></tbody></table>

这是我用来将文本放在一个td中的jquery。

请让我知道我该怎么做      $(“tbody”)。find(“tr”)。each(function(){

                //merge and put the text to All merged TD's
                $(this).find('td.blahblah').text('hi'); 

             });

请帮助我如何做到这一点。

1 个答案:

答案 0 :(得分:2)

假设我已经理解了您要正确执行的操作,您可以获取所有td.blahblah个元素,删除除第一个之外的所有元素(请参阅not:first和{{ 3}})然后在左边的文本中设置文本:

$("tbody").find("tr").each(function() {
    //merge and put the text to All merged TD's
    $(this).find('td.blahblah').not(":first").remove().end().text('hi');
});​

这是remove