jquery - 当且仅当该表格单元格不为空时，如何在表格单元格中附加字符串？

Question

<table>
<tr>
  <td>aaaa</td>
  <td>bbbb</td>
</tr>
<tr>
  <td></td> 
  <td>ccccc</td>
</tr>
</table>

对于上表，如何将字符串“iString”附加到单元格数据“aaaa”、“bbbb”和“cccc”。但不适用于空单元格。

Answer 1

$(document).ready(function()
{
    $("table td").each(function()
    {
        if($.trim($(this).text()).length > 0)
        {
            alert("Got my td with text. appending some string");

            var text = $.trim($(this).text());
            text += "mystring";

            $(this).text(text);
        }
    });
});

这是一个jsfiddle示例。

$("table td") 选择器选择表中的每个 td 元素，.each() 是一个迭代器函数，它将执行作为其参数为与选择器匹配的每个元素提供的回调，这些元素是表的 td 元素。在回调中，this 将引用 td 元素。 -

$(this).text().length

部分正在检查td元素内的文本长度是否大于零。如果是，那么您就有了一个带有文本的 td 元素。 -

var text = $(this).text();

line 从 td 中获取该文本并将其分配给 text 变量。下一行将指定的字符串与该变量连接起来。最后， -

$(this).text(text);

line 将连接的字符串指定为 td 元素的文本。

编辑

我在字符串长度检查周围添加了 $.trim() 函数，以删除空格字符。如果您想将空格视为字符，只需将其删除即可。