Jquery：在父函数中调用p元素

Question

我想在下面的html中选择p元素

<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

尝试：

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

Answer 3

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

Answer 4

您可以使用jquery children(）：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

fiddle

Answer 5

使用选择器

$('.parent p')