在html元素上使用jQuery replaceWith

Question

我正在编写一个MVC应用程序，并且在一页上，由于表的呈现方式以及如何将数据从中传递给ID，因此我需要为所有元素动态提供ID。 当我运行此命令时，所有元素都被替换为，但是它正在删除标记之间的内容。 有什么方法可以使它仅替换开始标签而不触摸其余标签，或者其他jQuery函数可以做到这一点？ 我的代码如下：

<script type="text/javascript" charset="utf-8">
$(document).ready(function () {
var oTable1 = $('#example1').dataTable({
    sScrollX: "100%",
    sScrollY: "200px",
    bFilter: false,
    bScrollCollapse: true,
    bPaginate: false,
    bScrollInfinite: true,
    iScollLoadGap: 10,
    oLanguage: {
        sZeroRecords: "There are no records that match your search criterion",
    }
}).makeEditable({ sUpdateURL: "/Home/UpdateData" });

});

</script>
<script type="text/javascript" charset="utf-8">
   $(document).ready(function () { var editChange = $('td').replaceWith('<td id = "@Html.ValueFor(x => x.name)" >'); });
</script>

任何帮助表示赞赏。

Answer 1

代替使用replaceWith可以建议使用另一种功能时， 功能.attr()是为了代替的元素的属性。

$('td').attr('id','@Html.ValueFor(x => x.name)');

另外，请注意，因为ASP值一次无法在客户端使用。 选择器$('td')很笼统，IDS必须唯一。

Answer 2

尝试在TD元素上显式设置id

$('td').each(function() { 
   this.id = @Html.ValueFor(x => x.name);
});