在javascript中插入img源

Question

需要替換閱讀更多...和閱讀更少...帶圖像，按鈕。

$("a", $(this).parent()).text($(this).is(':visible') ? 'Read More...' : 'Read Less...'); 

我試圖

$("a", $(this).parent()).text($(this).is(':visible') ? '<img src=images/testeon.jpg>' : '<img src=images/testeoff.jpg>'); 

但它顯示了src網址

Answer 1

嘗試;

$("a", $(this).parent()).html($(this).is(':visible') ? '<img src="images/testeon.jpg">' : '<img src="images/testeoff.jpg">'); 

Answer 2

你可以設置一個容器周圍要更換什麼的，然後就用jQuery's .html() function

這裏替換它的內容是an example

HTML：

<a id="myLink" href="javascript:insertImage();">read more..</a> 

JS：

function insertImage() 
{ 
    $("#myLink").html("<img src='http://3.bp.blogspot.com/--Fh64MyRDt0/T3XxC6ZVirI/AAAAAAAAJPo/WqHgsEZ7M8Q/s1600/image.php.jpg' />"); 
} 

這將用給定的圖像標籤替換鏈接的內容（「read more ..」）。