2015-03-13 174 views
0

我想替換以下內DIV內容:替換內部div內容?

<div class="price"><span class="unit">$</span>37</div> 

與此:

<del>$37</del> $19 

的$ 37獲得通過刪除線,新的價格將顯示在它旁邊。以上<div>是動態生成的。

我曾嘗試以下,但它沒有做任何事情:

$("div.price").replaceWith("<del>$37</del> $19"); 

我想這jQuery的,但有沒有辦法做到這一點的角?我猜angular的問題是我不能在上面的代碼中添加指令。

+0

所有這些值在文檔的代碼(即,'37')是硬編碼?你沒有將它們綁定到你可以在你的控制器中訪問的任何變量? – PlantTheIdea 2015-03-13 14:12:37

+2

$(「div.price」).html(「 $ 37 $ 19」) – 2015-03-13 14:14:26

+0

這是正確的。您將這些值設置在Wordpress主題元素的後端。 – 4thSpace 2015-03-13 14:14:34

回答

4

運行就緒

// Code goes here 
$(function(){ 
$("div.price").html("<del>$37</del> $19") 
}); 
+0

似乎沒有做任何事情:http://plnkr.co/edit/5sWzcvDALUmPHdSKC7xH?p=preview – 4thSpace 2015-03-13 14:20:33

+0

http://plnkr.co/edit/bfjDhd5kQoIGboIbHoNl?p=preview看到這個plunker – 2015-03-13 14:22:04

+0

啊 - 不要需要腳本文件中的document.ready權限? – 4thSpace 2015-03-13 14:27:19