How to target a div with a class and an inner p tag

Question

I have a structure that looks like this..

<div class="infobubble">
    <a href="#" class="btn-closebubble"></a>
    <p>
PLACE CONTENT HERE
</p>
</div>

How do I use jquery to target the in

tags?

I tried this but did not work.

$("infobubble p").html('My Text');

Answer 1

Your code is wrong, you need to specify that you are looking for a class, like so

$(".infobubble p").html('My Text');

Your code $("infobubble p") would be looking for a tag element named infobubble which does not exist

Answer 2

$(".infobubble p").html('My Text');

in jQuery you need to add an '.' to select by class or '#' to select by id. If no '.' or '#' is specified, jQuery will try to find an element by tag name... in your case it was trying to find <infobubble> which isn't an element.