Jquery: вызов р элемент в родительской функции

Question

Я хотел бы, чтобы выбрать элемент р в следующем HTML

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

в этом JS

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

Я не могу найти правильный селектор .. .

Answer 1

Есть несколько способов сделать это:

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

Вы можете использовать JQuery children():

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

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

fiddle

Answer 5

использовать селектор

$('.parent p')