在Rails上的ruby中的Javascript上构建html标签

Question

由于某种逻辑，我正在Javascript上创建html标记，但是未显示预期的结果。 我试图获取所有选中的复选框并显示其名称。 我可以拉出名称和选中的复选框。 但是，无法正确渲染。 这是我的代码：

var amenities = <%= @amenities_json.html_safe %>;
    var appendAmenitiesAndFeatures= "<p class='p-tab-title3'>Amenities</p><table class='table-amenities-and-features'><tbody><tr>";

    for(var i=0; i<amenitiesChecked.length;i++)
    {
        $.each(amenities, function(index, amenity){
            if(amenity.id == amenitiesChecked[i])
            {

                appendAmenitiesAndFeatures += "<td><p class='p-tab-subtitle2><span>&nbsp;</span>" + amenity.name + "</p></td>";
            }
        });
    }
    appendAmenitiesAndFeatures += "</tr></tbody></table>";
    $("#dv-amenities-and-features").html(appendAmenitiesAndFeatures);

当我选中3个复选框并提醒它们的名称时，我可以看到正在正确构建的html标签字符串。 我可以在快讯中看到3组TDS。 但是当页面被渲染时。 它只显示一个。 我真的不知道为什么 我追加到div并使用.html构建表。 有任何想法吗？

Answer 1

哼...。你想念一个'

用以下内容替换您的行：

appendAmenitiesAndFeatures += "<td><p class='p-tab-subtitle2'><span>&nbsp;</span>" + amenity.name + "</p></td>";