Question

我正在使用Wordpress

我的数据库通过插件返回图片的网址而不是图片。

<div class="carimagebox">http://fastcarfinance.inspirationincbeta.co.uk/wp-content/uploads/2016/01/porscheTest-1.jpg</div>

我可以通过PHP或Javascript追加和添加HTML吗？

<div class="carimagebox"><img src="http://fastcarfinance.inspirationincbeta.co.uk/wp-content/uploads/2016/01/porscheTest-1.jpg" /></div>

Answer 1

您可以使用正则表达式将图像标记替换为正确的html图像标记。

$html = '<div class="carimagebox">...</div>';
$regex = '~<div class="carimagebox">(http://.*?\.jpg)</div>~';
$newhtml = preg_replace($regex, '<div class="carimagebox"><img src="$1" /></div>", $html);

Answer 2

是的，您可以使用 jQuery ：

var x = $('.carimagebox').html(); 
$('.carimagebox').html("<img src='"+x+"' />");

您可以尝试Here

供参考jQuery .html()

如果你想知道什么是 jQuery ，你可以在这里看到什么jQuery

在 JavaScript 中，您可以这样做：

var x = document.getElementsByClassName("carimagebox");
document.getElementsByClassName("carimagebox")[0].innerHTML = "<img src='"+x[0].innerHTML+"' />";

Answer 3

使用jQuery：

<script>
    var imgUrl = $('.carimagebox').html();
    $('.carimagebox').html('<img src="'+imgUrl+'">');
</script>

按类添加和预置div的内容

3 个答案: