Question

我有一个奇怪的问题，我有几十个分页表格数据，我需要附加一个字体真棒图标。我宁愿使用jQuery为我做这件事，而不是编辑每一页而不得不记得以后再做。现在，这就是我所拥有的：

$(document).ready(function () {
    $('tr.expand').each(function(){
        $(tr.expand td:first:child).prepend("<i class="fa fa-angle-down"></i>");
    });
});

这可以添加到每行的第一个td，但是它会向元素添加20次！我在这里缺少什么？

Answer 1

您不需要使用each()。尝试以下。

$('tr.expand td:first-child').prepend('<i class="fa fa-angle-down"></i>');

Answer 2

使用this对象。

$(document).ready(function () {
    $('tr.expand').each(function(){
        $(this).find('td').first().prepend("<i class=\"fa fa-angle-down\"></i>");
    });
});

Answer 3

你可以使用这个选择器，只选择一个'TR'，然后使用'TD'上的.first（）向它添加另一个'I'元素。你不必使用每个函数：

$("tr.expand").first().prepend("<i class="fa fa-angle-down"></i>");

这将使得只有具有类扩展的'TR'将使其第一个'TD'归档为一个'I'元素。这将是一种简单的方法

jQuery将<i>添加到表行第一个子

3 个答案: