Jquery: call p element in parent function

Question

I would like to select the p element in the following html

<div class="parent">
  <p>Stg</p>
</div>

in this JS

$('.parent').hover(
  function() {
    $(this.p).aFunction(){
  };
});

I can't find the correct selector...

Answer 1

There are a few ways to accomplish this:

find():

$(this).find('p').func();

children():

$(this).children('p').func();

Selector in context:

$('p', this).func();

Answer 2

Try:

$('.parent').hover(
  function() {
    $(this).find("p").someJQueryMethod();
});

Answer 3

$('.parent').hover(
  function() {
    $(this).find('p').aFunction(){
  };
});

Answer 4

You can use jquery children( ):

 $('.parent').hover( function() { console.log($(this).children("p").text()); }); 

 <div class="parent"> <p>Stg</p> </div> 

fiddle

Answer 5

使用选择器

$('.parent p')