使用jQuery查找和替換特定的DIV

Question

我有一個頁面，我正在使用的頁面有幾個隱藏的DIV格式相同，但是每個DIV內的內容各不相同。我希望能夠找到一個特定的DIV（基於它的內容），取消隱藏它，並用自定義內容替換它。

舉例來說，我有：

<div class="caption" style="display:none">[ProductDetail_Espot]</div> 

而且我想：

<div class="caption" style=""><p>My Custom Content</p></div> 

我看過一對夫婦正則表達式腳本之類的東西，但是當涉及到我不是天才腳本，所以任何幫助將不勝感激！

Answer 1

如果您知道，只有一個div有此內容，那麼你可以使用:contains^[docs]選擇：

$('.caption:contains("[ProductDetail_Espot]")') 
    .html("<p>My Custom Content</p>") 
    .show(); 

Answer 2

$(function(){ 
    $(".caption:contains('Espot')).show().html('<p>My custom content</p>'); 
}); 

演示： http://jsfiddle.net/EsPym/1/

Answer 3

一些簡單的jQuery讓你去...

$("#caption").show(); 

會表現出來，

$("#caption").html("<p>some html</p>"); 

將取代內容。

Answer 4

$("#[ELEMENT ID]").click(function(){ 
$(".caption").show().html('[YOU NEW ACCONT]'); 
})