javascript - 如何将唯一跨度附加到 jQuery 中的表？

Question

我有一个快速的问题，因为我的大脑今晚拒绝思考。

HTML

<table>
</table>

<span>2010</span>
<span>2009</span>
<span>2009</span>
<span>2009</span>
<span>2008</span>
<span>2008</span>
<span>2007</span>

jQuery

$('span').each(function() {
        $("table").append("<tr><td>"+$(span).text()+"</span>)</td></tr>";
});

期望的输出

<table>
<tr><td>2010</td></tr>
<tr><td>2009</td></tr>
<tr><td>2008</td></tr>
<tr><td>2007</td></tr>

我的想法是，我只想显示不重复的年份。

我希望你能理解我。

Answer 1

你不能像那样进行内联字符串替换。

您需要使用 JavaScript 的(愚蠢的双重用途)+ 运算符进行连接。

您也不能像那样访问span。使用 this，jQuery 将其设置为正在迭代的当前元素。将其包装在 $() 中以再次在其上使用 jQuery。

要删除原始文件，只需在 $(this) 上调用 remove()。

var yearsUsed = [];
$('span').each(function() {
    var text = $(this).text();   

    if ($.inArray(text, yearsUsed) === -1) {
        $('table').append('<tr><td>' + text  + '</span>)</td></tr>');
        yearsUsed.push(text);
    }
    $(this).remove();
});

您还应该选择一个字符串定界符并坚持使用它 - 这里我选择了单引号 (')。