在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 url

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 ..”）。