jquery – 当且仅当表格单元格不为空时,如何在表格单元格中追加字符串？

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

对于上表,如何将字符串“iString”附加到单元格数据“aaaa”,“bbbb”和“cccc”.但不是空单元格.

$(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元素的表.在回调内部,这将引用td元素. –

$(本)的.text().长度

部分正在检查该td元素内的文本是否长度大于零.如果是,那么你有一个带文本的td元素. –

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

line从td获取该文本并将其分配给文本变量.下一行将指定的字符串与此变量连接起来.最后, –

$(本)的.text(文本);

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

编辑

我在字符串长度检查周围添加了$.trim()函数来删除空白字符.如果要将空格视为字符,只需将其删除即可.