Find & Replace Specific DIV With jQuery

Question

I have a page I am working with that has several hidden DIVs that are identically formatted, but the content within each DIV varies. I want to be able to seek out a specific DIV (based on it's content), unhide it, and replace it with custom content.

For instance, I have:

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

And I want:

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

I have looked at a couple regex scripts and stuff, but I'm not a genius when it comes to scripting, so any help would be appreciated!

Felix Kling · Accepted Answer · 2011-07-11 13:44:31Z

1

If you know that only one div has this content, then you can use the :contains ^[docs] selector:

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

answered Jul 11, 2011 at 13:44

Felix Kling

820k181 gold badges1.1k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

genesis · Accepted Answer · 2011-07-11 14:01:59Z

1

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

demo: http://jsfiddle.net/EsPym/1/

edited Jul 11, 2011 at 14:01

answered Jul 11, 2011 at 13:39

genesis

51.1k20 gold badges99 silver badges127 bronze badges

1 Comment

Jake Over a year ago

This works, but to clear things up, I have 20+ DIV's with the .caption class. I only want to target the DIV that has "[ProductDetail_Espot]" as it's content.

Brian · Accepted Answer · 2011-07-11 13:40:41Z

0

Some simple jQuery to get you going...

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

will show it,

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

will replace contents.

answered Jul 11, 2011 at 13:40

Brian

8,6212 gold badges27 silver badges32 bronze badges

Comments

Hamid · Accepted Answer · 2011-07-11 13:43:24Z

0

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

answered Jul 11, 2011 at 13:43

Hamid

1,7603 gold badges13 silver badges19 bronze badges

Collectives™ on Stack Overflow

Find & Replace Specific DIV With jQuery

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related