附加和上一級div的內容

我的數據庫正在通過插件返回圖像的URL而不是圖像的URL。

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

來源

2016-02-29 Ruth

所以你想採取的URL，並用該網址img src替換它？ – mitkosoft

-1

是的，你可以使用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+"' />";

來源

2016-02-29 12:21:57

我看到這應該起作用，但它不會，另一個腳本可以阻止它嗎？ – Ruth

@Ruth - 重要的是要了解您正在使用的兩種方法中的哪一種。如果您使用jQuery，您必須嵌入您的文件（請參閱我發佈的指南），否則對於JavaScript應該沒有問題。否則插入額外的代碼，讓我們弄清楚什麼是錯的！ –

我已經嘗試了兩個。這部分是否必須在頭部或可以在頁面的任何地方 – Ruth

-1

通過使用jQuery：

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

來源

2016-02-29 12:32:22 mitkosoft

你可以使用正則表達式用正確的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);

來源

2016-02-29 12:34:12 Philipp

附加和上一級div的內容

回答

相關問題