如何在 td 有类的地方使用 .each 方法@table td 并将文本放入其中答案

【问题标题】：How to use .each method @ table td where td has class and also put the text in it如何在 td 有类的地方使用 .each 方法@table td 并将文本放入其中
【发布时间】：2012-04-19 12:29:50
【问题描述】：

我想合并所有 td where 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'); 

             });

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

【问题讨论】：

请找到更好的解释。首先，您要合并（这意味着删除所有这些并仅用一个实例替换它们）。然后，您显示代码以使所有具有类“blahblah”的 td 元素具有相同的文本
没关系，但是怎么做呢？
Ok ... 对于初学者：请确认是否要执行此操作：删除同一行中的所有具有“blahblah”类的 td（！）并在该类中添加一个新 td同一行。它的文本内容应该是“旧” td（被删除的）的连接文本内容

标签： jquery jquery-ui jquery-selectors

【解决方案1】：

假设我已经正确理解了您正在尝试执行的操作，您可以获得所有 td.blahblah 元素，删除除第一个之外的所有元素（请参阅 not、:first 和 remove），然后设置左边的文字：

$("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');
});

这是working example。

【讨论】：

你好詹姆斯谢谢这个帮助..？如果你不介意，我还有一个问题。如何在选定的 td 上创建 div 表可以是，我不知道它包含多少行可能是 100 行。现在我想把 div 放在选定的 td 上。就像你在那里做的一样，但不想删除 td 也不想合并 td 的
@RahulKumar - 我不太清楚你想要什么。最好写一个适当的新问题，加上一些代码，这样每个人都可以看到并尝试回答。