找到＆amp;用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

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

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

Answer 2

如果您知道只有一个div有此内容，那么您可以使用:contains ^[docs]选择器：

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

Answer 3

一些简单的jQuery让你去...

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

将显示它，

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

将替换内容。

Answer 4

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