2012-12-28 40 views
0

我是JQ的新東西,所以我不明白爲什麼.html有效,.before不是,但我希望有人會幫忙。我在一些舊的ASP項目中使用它,所以這段代碼在.ascx文件中。如何在元素之前添加.html jQuery

我用這條線:

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

,它工作正常,我的 「UploadSummaryFile1」 容器後得到的圖像。所以我在屏幕上| FilenameX |,並且我需要| X Filename |。

我試着改變.html.before但顯然這不是如何使用它的方式。

+2

有你看着[.append()](http://api.jquery.com/append/)或[.prepend()](HTTP:// api.jquery.com/prepend/)? '.html()'會替換目標中的所有內容。 –

+0

不,只是.before和.insertBefore ...會檢查,tnx。 – Balkyto

回答

2

試試這個:

$('#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>'); 
相關問題