jquery - 如何在元素之前添加.html JQuery

Question

我对 JQ 很陌生，所以我不明白为什么.html有效，.before但我希望有人能提供帮助。我在一些旧的 ASP 项目中使用它，所以这段代码在.ascx文件中。

我使用这条线：

$('#UploadSummaryFile1').html($(this).val()+'<span id="DeleteCrossFile1" onclick="DeleteElement(1);"><img src="Images/DeleteCross.png" alt="Delete"></span>');

它工作正常，我在“UploadSummaryFile1”容器之后得到图像。所以我在屏幕上有|FilenameX|，我需要有|X Filename|。

我尝试更改.html为，.before但显然这不是如何使用它的方式。

Answer 1

尝试这个：

$('#UploadSummaryFile1').html(
    '<span id="DeleteCrossFile1" onclick="DeleteElement(1);"><img src="Images/DeleteCross.png" alt="Delete"></span>'
    + $(this).val()
);

所以，基本上，切换$(this).val()和其余的 html。

或者更好：

$('#UploadSummaryFile1').prepend('<span id="DeleteCrossFile1" onclick="DeleteElement(1);"><img src="Images/DeleteCross.png" alt="Delete"></span>');